正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Steven Tey

57,845 subscribers

472,799 次观看 • 2 年前 •via X (Twitter)

科学技术艺术教育

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 🔔

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 🔔

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!🫶🏻

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 👇

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 次观看 • 7 个月前

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

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

Toby

89,472 次观看 • 5 个月前

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

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

Mattia

107,147 次观看 • 1 年前

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

✨ 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) 👇

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,450 次观看 • 6 个月前

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

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

Linoy Tsaban

12,374 次观看 • 8 个月前

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↴

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

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 年前

Weeks of work for a senior Three.js dev is ONE prompt for Opus 5, literally 😅 Opus built this infinite physically simulated clothesline gallery using Three.js with 96 wave nodes, per card pendulum physics, custom rope shader with fibre noise and Fresnel rim. I don't even know half of those terms but it's what it is (I'm studying each code part, though). These days, you just describe what you want and get it done using AI. Any kind of effect almost. Live: Code: Design:

Weeks of work for a senior Three.js dev is ONE prompt for Opus 5, literally 😅 Opus built this infinite physically simulated clothesline gallery using Three.js with 96 wave nodes, per card pendulum physics, custom rope shader with fibre noise and Fresnel rim. I don't even know half of those terms but it's what it is (I'm studying each code part, though). These days, you just describe what you want and get it done using AI. Any kind of effect almost. Live: Code: Design:

The Bugged Dev

26,718 次观看 • 17 天前

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! ⚡️

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 次观看 • 3 年前

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.

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

331,733 次观看 • 1 个月前

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 👇

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 个月前

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

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,172 次观看 • 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 👇

🔥 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 个月前