Загрузка видео...

Не удалось загрузить видео

На главную

Skewed infinite carousel w/ vignette effect ✨ Built entirely with Tailwind CSS – zero JavaScript required. Live demo & code 👇

steventey's profile picture

Steven Tey

57,845 subscribers

472,799 просмотров • 2 лет назад •via X (Twitter)

Наука и технологииИскусствоОбразование
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

Tailwind CSS Tip ✨ You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔
0:17

Tailwind CSS Tip ✨ You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔

Surjith S M ✪

173,091 просмотров • 3 лет назад

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔
0:12

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Surjith S M ✪

203,353 просмотров • 3 лет назад

Tailwind Tweak #6 Learn how to do custom form validation with Tailwind CSS, no JavaScript required. 🪄 Code: Don't forget to follow for daily tweaks!🫶🏻
0:12

Tailwind Tweak #6 Learn how to do custom form validation with Tailwind CSS, no JavaScript required. 🪄 Code: Don't forget to follow for daily tweaks!🫶🏻

Namya @ Supafast

57,317 просмотров • 3 лет назад

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇
0:12

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇

Mohamed Djoudir

49,049 просмотров • 6 месяцев назад

Hotel management dashboard template. Built with React, Tailwind CSS & shadcn/ui 👇👇
0:13

Hotel management dashboard template. Built with React, Tailwind CSS & shadcn/ui 👇👇

Toby

89,472 просмотров • 4 месяцев назад

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual editor. Export the code with one click. Link below.
0:14

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual editor. Export the code with one click. Link below.

Mattia

107,141 просмотров • 1 год назад

✨ Build Next.js, Tailwind CSS & shadcn websites with drag and drop. And yes, you can export the code. Link below.
0:16

✨ Build Next.js, Tailwind CSS & shadcn websites with drag and drop. And yes, you can export the code. Link below.

Mattia

205,173 просмотров • 2 лет назад

Publino – Next.js Saas Landing Page Template built with - Next.js 16 & React 19 - Tailwind CSS - Framer Motion - Next-intl (RTL support) Comes with Modern hero section, Dark / Light mode, i18n (EN + AR), Pricing , Contact pages, SEO-ready setup, 3D globe, Charts & animations. Demo + Source Code (First comment) 👇
0:17

Publino – Next.js Saas Landing Page Template built with - Next.js 16 & React 19 - Tailwind CSS - Framer Motion - Next-intl (RTL support) Comes with Modern hero section, Dark / Light mode, i18n (EN + AR), Pricing , Contact pages, SEO-ready setup, 3D globe, Charts & animations. Demo + Source Code (First comment) 👇

Mohamed Djoudir

34,395 просмотров • 6 месяцев назад

this LoRA is awesome for portraits with z image! love the aesthetic & details built a demo for it 👇✨
0:12

this LoRA is awesome for portraits with z image! love the aesthetic & details built a demo for it 👇✨

Linoy Tsaban

12,374 просмотров • 7 месяцев назад

alrighty! marquee along path component is live on fancy! w/ a bunch of customizations: - scroll based velocity - draggable - slowdown on hover - custom easing - mapping any CSS prop from start to end - docs on how it's built! source code & link in comments↴
0:15

alrighty! marquee along path component is live on fancy! w/ a bunch of customizations: - scroll based velocity - draggable - slowdown on hover - custom easing - mapping any CSS prop from start to end - docs on how it's built! source code & link in comments↴

daniel petho

16,796 просмотров • 1 год назад

I wanted to create a broken glass effect with WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: Hosted on CodePen.IO
0:18

I wanted to create a broken glass effect with WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

43,711 просмотров • 1 год назад

This is insane… I just built a full “Shazam for Movies & TV” app with 3 prompts. This tool handled everything: design, code, and live deployment. Here’s the whole process 👇
0:15

This is insane… I just built a full “Shazam for Movies & TV” app with 3 prompts. This tool handled everything: design, code, and live deployment. Here’s the whole process 👇

Gina Acosta

28,975 просмотров • 1 год назад

The DeeKay 'New Era' physicals are live! We partnered w Infinite Objects to create these dazzling artworks - an elegant 8.4" modern acrylic with the finest hi-res screen Open now to all holders, $169.420 ea. ETH & BTC versions below 👇 To Digital Art In Every Home! ⚡️
0:12

The DeeKay 'New Era' physicals are live! We partnered w Infinite Objects to create these dazzling artworks - an elegant 8.4" modern acrylic with the finest hi-res screen Open now to all holders, $169.420 ea. ETH & BTC versions below 👇 To Digital Art In Every Home! ⚡️

Cozomo de’ Medici

76,095 просмотров • 2 лет назад

A SOLO CREATOR JUST SHIPPED A $35,000-TIER ANIMATED SITE IN ONE WEEKEND - WITH CLAUDE CODE + HIGGSFIELD, FOR THE COST OF A SUBSCRIPTION. What you're looking at isn't a template. It's a fully animated, scroll-driven site, generated end to end in a single agentic session. What's actually on the page: → Cinematic motion clips pulled from 30+ generative models → Scroll animations written automatically - not a single hand-coded keyframe → 6 cinematic effects baked in with zero config: film grain, particles, vignette, glass cards, color tints, scroll pacing Scroll the demo and one question keeps surfacing: a person didn't build this by hand… did they? For studios billing $100-149/hr, that question lands like a verdict. What this normally takes: → A designer, a motion artist, and a developer → Weeks of handoffs between all three → 6 systems wired by hand - GSAP ScrollTrigger, Lenis smooth-scroll, frame extraction, asset optimization, layout, copy That pipeline was the moat. It's what justified the invoice. Here's the part the agency won't put in its pitch deck. The price gap: → Boutique agency build: $6,000-$35,000+ → Industry average project: ~$5,280 → Your cost: a Claude subscription + a few dollars of Higgsfield credits → Timeline: weeks of production → one session One operator now runs all six systems in a single pass and ships a working site - without opening a frame extractor or writing one CSS keyframe. Full breakdown of how it's built in the article below. Save it & read today 👇
0:19

A SOLO CREATOR JUST SHIPPED A $35,000-TIER ANIMATED SITE IN ONE WEEKEND - WITH CLAUDE CODE + HIGGSFIELD, FOR THE COST OF A SUBSCRIPTION. What you're looking at isn't a template. It's a fully animated, scroll-driven site, generated end to end in a single agentic session. What's actually on the page: → Cinematic motion clips pulled from 30+ generative models → Scroll animations written automatically - not a single hand-coded keyframe → 6 cinematic effects baked in with zero config: film grain, particles, vignette, glass cards, color tints, scroll pacing Scroll the demo and one question keeps surfacing: a person didn't build this by hand… did they? For studios billing $100-149/hr, that question lands like a verdict. What this normally takes: → A designer, a motion artist, and a developer → Weeks of handoffs between all three → 6 systems wired by hand - GSAP ScrollTrigger, Lenis smooth-scroll, frame extraction, asset optimization, layout, copy That pipeline was the moat. It's what justified the invoice. Here's the part the agency won't put in its pitch deck. The price gap: → Boutique agency build: $6,000-$35,000+ → Industry average project: ~$5,280 → Your cost: a Claude subscription + a few dollars of Higgsfield credits → Timeline: weeks of production → one session One operator now runs all six systems in a single pass and ships a working site - without opening a frame extractor or writing one CSS keyframe. Full breakdown of how it's built in the article below. Save it & read today 👇

ZEUS⚡️

21,598 просмотров • 1 месяц назад

CHINA JUST LEAKED THE FUTURE OF WEB APPS. Alibaba open-sourced PageAgent and 99% of SaaS founders are sleeping on this. It's a JavaScript AI agent that lives INSIDE your webpage. Users control your entire interface with natural language. ↳ No browser extensions needed, screenshots or multi-modal LLMs, headless browser setup, and also no backend rewrite required Just drop it in your HTML with ONE line of code. What took 20 clicks now takes one sentence. "Click login, fill in my credentials, submit the form" Done. This is not a demo, it is production-ready. ↳ Turn any SaaS into an AI copilot in minutes ↳ Smart form filling for ERP, CRM, admin systems ↳ Voice commands and accessibility built in ↳ Multi-page agent tasks via Chrome extension ↳ MCP server support for external control ↳ Bring your own LLM (Qwen, GPT, Claude, anything) Every founder building AI features just got a shortcut. Every developer manually building copilots just got replaced. The integration looks like this: That's it. Your app now has an AI agent.
0:17

CHINA JUST LEAKED THE FUTURE OF WEB APPS. Alibaba open-sourced PageAgent and 99% of SaaS founders are sleeping on this. It's a JavaScript AI agent that lives INSIDE your webpage. Users control your entire interface with natural language. ↳ No browser extensions needed, screenshots or multi-modal LLMs, headless browser setup, and also no backend rewrite required Just drop it in your HTML with ONE line of code. What took 20 clicks now takes one sentence. "Click login, fill in my credentials, submit the form" Done. This is not a demo, it is production-ready. ↳ Turn any SaaS into an AI copilot in minutes ↳ Smart form filling for ERP, CRM, admin systems ↳ Voice commands and accessibility built in ↳ Multi-page agent tasks via Chrome extension ↳ MCP server support for external control ↳ Bring your own LLM (Qwen, GPT, Claude, anything) Every founder building AI features just got a shortcut. Every developer manually building copilots just got replaced. The integration looks like this: That's it. Your app now has an AI agent.

Kanika

330,706 просмотров • 1 месяц назад

No surgery. No wires. No brain implant. A retainer that controls your iPhone with your tongue. This is MIT's 0.7mm answer to Neuralink. The startup Augmental built a device called the MouthPad. Founder Tomás Vega designed it as a dental-grade smart retainer. It sits on the roof of your palate. A capacitive trackpad reads tongue movement as input. Users swipe, tap, and type completely hands-free. The device runs about 9 hours per charge. Augmental reports 100+ users already deployed in the field. Neuralink requires skull surgery to read brain signals. This approach grants similar independence with zero medical risk. It serves people with spinal cord injuries and paralysis. Sometimes the smartest answer skips the operating room entirely. QUESTIONS: Where else do we reach for surgery when simpler tools exist? What makes assistive tech go from clever demo to daily lifeline? Leave your thoughts and comments below 👇 --- 🎁 Join 10,000+ others who learned gamification for FREE: ♻️ REPOST to inspire your community And FOLLOW Yu-kai Chou for more content like this
0:16

No surgery. No wires. No brain implant. A retainer that controls your iPhone with your tongue. This is MIT's 0.7mm answer to Neuralink. The startup Augmental built a device called the MouthPad. Founder Tomás Vega designed it as a dental-grade smart retainer. It sits on the roof of your palate. A capacitive trackpad reads tongue movement as input. Users swipe, tap, and type completely hands-free. The device runs about 9 hours per charge. Augmental reports 100+ users already deployed in the field. Neuralink requires skull surgery to read brain signals. This approach grants similar independence with zero medical risk. It serves people with spinal cord injuries and paralysis. Sometimes the smartest answer skips the operating room entirely. QUESTIONS: Where else do we reach for surgery when simpler tools exist? What makes assistive tech go from clever demo to daily lifeline? Leave your thoughts and comments below 👇 --- 🎁 Join 10,000+ others who learned gamification for FREE: ♻️ REPOST to inspire your community And FOLLOW Yu-kai Chou for more content like this

Yu-kai Chou

17,157 просмотров • 2 месяцев назад

🔥 Phoenix is officially live on Solaris AI Flow. You can now trade Phoenix perps inside a Solaris AI workflow. No code. Drop a node onto the canvas, pick an operation, and wire it to anything: AI signals, price feeds, schedules, alerts. The full order-book DEX from Ellipsis Labs, now programmable. Built so you can trade with confidence: ✦ Paper mode is on by default. Every order is checked and simulated against the live order book, real depth and real slippage, but nothing is signed or broadcast. ✦ Paper behaves exactly like Live. If an order would be rejected on-chain, it is rejected in simulation too. No false fills, no surprises. ✦ Going Live is one switch, and it asks for confirmation before any real funds move. Build it. Test it. Trade it. A full perps strategy, proven on paper before a single dollar moves. 30 operations in one node: ✦ Read live markets, order book depth, candles, and funding rates ✦ Track your positions, collateral, and PnL, realized and unrealized ✦ Place limit, market, and stop-loss orders, plus conditional triggers ✦ Cancel orders, manage margin, and move collateral, all from the workflow No scripts. No backend. No terminal to babysit. Just a workflow that trades. You can try it for free. Demo + Link down below 👇
0:13

🔥 Phoenix is officially live on Solaris AI Flow. You can now trade Phoenix perps inside a Solaris AI workflow. No code. Drop a node onto the canvas, pick an operation, and wire it to anything: AI signals, price feeds, schedules, alerts. The full order-book DEX from Ellipsis Labs, now programmable. Built so you can trade with confidence: ✦ Paper mode is on by default. Every order is checked and simulated against the live order book, real depth and real slippage, but nothing is signed or broadcast. ✦ Paper behaves exactly like Live. If an order would be rejected on-chain, it is rejected in simulation too. No false fills, no surprises. ✦ Going Live is one switch, and it asks for confirmation before any real funds move. Build it. Test it. Trade it. A full perps strategy, proven on paper before a single dollar moves. 30 operations in one node: ✦ Read live markets, order book depth, candles, and funding rates ✦ Track your positions, collateral, and PnL, realized and unrealized ✦ Place limit, market, and stop-loss orders, plus conditional triggers ✦ Cancel orders, manage margin, and move collateral, all from the workflow No scripts. No backend. No terminal to babysit. Just a workflow that trades. You can try it for free. Demo + Link down below 👇

Solaris AI

10,075 просмотров • 2 месяцев назад

✨ I open sourced my first Chrome extension 🚀 SuperLevels I vibe coded it to replace all my Chrome extensions that are increasingly being bought up by spyware and malware companies who sell your data or worse hack your accounts and steal your stuff/money/data, which I'd call one of the top security risks right now For example: Chrome extensions can read your cookies or localStorage data, including session tokens, then login to your web or email accounts and hack you, they can inject code into any site to pull data form any site you browse, then break into your crypto accounts, drain your wallets, and selling your browsing history to ad companies, but that'd actually be the most favorable thing to happen of all these! Chrome extensions are just very very very unsafe So I coded my own, that I can trust because I made it, and I can read the source code: my extension is called 🚀SuperLevels and has all the features that the Chrome extensions I used to use have but all built into one safe one The cool thing is it's 100% open source and free, and you can audit the code first with AI yourself before installing it, and then if you do install it, customize it to your liking again with AI It has these features that improve my daily workflow while browsing the web: 🚮 Tab Cleaner Automatically closes inactive tabs after a configurable timeout (default: 5 minutes). Set excluded hosts to keep important tabs alive. View and re-open recently closed tabs. 🍪 Cookie Editor Full cookie manager for the current site. View, edit, add, and delete cookies. Export cookies as JSON. Expand any cookie to see and modify all fields including domain, path, SameSite, secure, and httpOnly flags. 🔀 Redirect Tracer See every redirect hop your browser took to reach the current page. Shows status codes (301, 302, 307, etc.) with a visual chain. Copy the full redirect chain to clipboard. 🌙 Dark Mode Instant dark mode for any website using CSS filter inversion. Adjustable brightness. Toggle per-site or globally. Images and videos are automatically re-inverted so they look normal. 𝕏 X Dim Mode Custom dim theme for X/Twitter with 7 color palettes: Dim, Slate, Jade, Plum, Dusk, Ember, or a custom hue. Live preview in the popup. ⚡ JS Toggle Disable JavaScript per-site with one click. Useful for debugging, reading articles without popups, or testing progressive enhancement. Page reloads automatically. 🚫 GDPR Cookie Consent Dismisser Auto-hides and auto-clicks cookie consent banners. Supports OneTrust, CookieBot, Didomi, Quantcast, GDPR plugins, and dozens more frameworks. Toggle off if a site breaks. 🎨 Live CSS Editor Write custom CSS for any website, applied in real-time as you type. Saved per-domain. Supports tab key for indentation. 📺 YouTube Unhook Removes YouTube distractions: no homepage feed, no sidebar suggestions, no end screen overlays, no Shorts. Search still works — just no algorithmic recommendations. 🎵 Music Recognizer Shazam-like music identification for any tab. Captures 10 seconds of audio and identifies the song via ACRCloud (free signup, bring your own API key). Results link to YouTube. History of recognized songs. 🖼 Picture-in-Picture Pop the largest video on the current tab into a floating PiP window with one click. 🗺 Google Maps Links Re-adds clickable Maps links and map preview cards to Google Search results. 🖼 View Image Adds a "View Image" button back to Google Images, linking directly to the full-size original image. {} JSON Formatter Auto-detects pure JSON response pages and formats them with syntax highlighting, collapsible sections, and a dark theme. Copy or view raw with one click. Never triggers on regular HTML pages.
0:17

✨ I open sourced my first Chrome extension 🚀 SuperLevels I vibe coded it to replace all my Chrome extensions that are increasingly being bought up by spyware and malware companies who sell your data or worse hack your accounts and steal your stuff/money/data, which I'd call one of the top security risks right now For example: Chrome extensions can read your cookies or localStorage data, including session tokens, then login to your web or email accounts and hack you, they can inject code into any site to pull data form any site you browse, then break into your crypto accounts, drain your wallets, and selling your browsing history to ad companies, but that'd actually be the most favorable thing to happen of all these! Chrome extensions are just very very very unsafe So I coded my own, that I can trust because I made it, and I can read the source code: my extension is called 🚀SuperLevels and has all the features that the Chrome extensions I used to use have but all built into one safe one The cool thing is it's 100% open source and free, and you can audit the code first with AI yourself before installing it, and then if you do install it, customize it to your liking again with AI It has these features that improve my daily workflow while browsing the web: 🚮 Tab Cleaner Automatically closes inactive tabs after a configurable timeout (default: 5 minutes). Set excluded hosts to keep important tabs alive. View and re-open recently closed tabs. 🍪 Cookie Editor Full cookie manager for the current site. View, edit, add, and delete cookies. Export cookies as JSON. Expand any cookie to see and modify all fields including domain, path, SameSite, secure, and httpOnly flags. 🔀 Redirect Tracer See every redirect hop your browser took to reach the current page. Shows status codes (301, 302, 307, etc.) with a visual chain. Copy the full redirect chain to clipboard. 🌙 Dark Mode Instant dark mode for any website using CSS filter inversion. Adjustable brightness. Toggle per-site or globally. Images and videos are automatically re-inverted so they look normal. 𝕏 X Dim Mode Custom dim theme for X/Twitter with 7 color palettes: Dim, Slate, Jade, Plum, Dusk, Ember, or a custom hue. Live preview in the popup. ⚡ JS Toggle Disable JavaScript per-site with one click. Useful for debugging, reading articles without popups, or testing progressive enhancement. Page reloads automatically. 🚫 GDPR Cookie Consent Dismisser Auto-hides and auto-clicks cookie consent banners. Supports OneTrust, CookieBot, Didomi, Quantcast, GDPR plugins, and dozens more frameworks. Toggle off if a site breaks. 🎨 Live CSS Editor Write custom CSS for any website, applied in real-time as you type. Saved per-domain. Supports tab key for indentation. 📺 YouTube Unhook Removes YouTube distractions: no homepage feed, no sidebar suggestions, no end screen overlays, no Shorts. Search still works — just no algorithmic recommendations. 🎵 Music Recognizer Shazam-like music identification for any tab. Captures 10 seconds of audio and identifies the song via ACRCloud (free signup, bring your own API key). Results link to YouTube. History of recognized songs. 🖼 Picture-in-Picture Pop the largest video on the current tab into a floating PiP window with one click. 🗺 Google Maps Links Re-adds clickable Maps links and map preview cards to Google Search results. 🖼 View Image Adds a "View Image" button back to Google Images, linking directly to the full-size original image. {} JSON Formatter Auto-detects pure JSON response pages and formats them with syntax highlighting, collapsible sections, and a dark theme. Copy or view raw with one click. Never triggers on regular HTML pages.

@levelsio

257,744 просмотров • 3 месяцев назад