Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Introducing the "Preview" component... Try any shader in your project codebase, including Pro presets, in 60 seconds ⚡️ npm install, copy a single component tag, see it live 👀

shaders

3,877 subscribers

15,894 views • 3 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing: Light (god) Rays Component for @Framer. Use this component to add this effect to your site in 30 seconds. Customizable intensity, color, and animation. Comment "LIGHT" and I’ll send you the component :)

Introducing: Light (god) Rays Component for @Framer. Use this component to add this effect to your site in 30 seconds. Customizable intensity, color, and animation. Comment "LIGHT" and I’ll send you the component :)

Framer University

46,517 views • 1 year ago

Introducing v0 by Vercel - v0 generates custom components on the fly that you can copy and paste into your existing codebase. Need a component? Just Ask - Jared Palmer Mariana Castilho Guillermo Rauch Malte Ubl almonk and the team at Vercel

Introducing v0 by Vercel - v0 generates custom components on the fly that you can copy and paste into your existing codebase. Need a component? Just Ask - Jared Palmer Mariana Castilho Guillermo Rauch Malte Ubl almonk and the team at Vercel

shadcn

737,136 views • 2 years ago

Introducing the Illustrated Transformer in 3D 🚀 Fly through LLaMA like never before. See every tensor and operation in motion. Click any component to reveal the exact lines of code that run it. A new way to learn and teach LLMs. Try it out in the link below 👇

Introducing the Illustrated Transformer in 3D 🚀 Fly through LLaMA like never before. See every tensor and operation in motion. Click any component to reveal the exact lines of code that run it. A new way to learn and teach LLMs. Try it out in the link below 👇

alphaXiv

50,413 views • 7 months ago

Introducing Upstash Search UI - a beautiful, shadcn-inspired search component 🎉 ◆ Pre-styled & accessible out of the box ◆ Built-in keyword highlighting ◆ Perfect for React & Next.js Add beautiful, professional search to your app in seconds 👀

Introducing Upstash Search UI - a beautiful, shadcn-inspired search component 🎉 ◆ Pre-styled & accessible out of the box ◆ Built-in keyword highlighting ◆ Perfect for React & Next.js Add beautiful, professional search to your app in seconds 👀

Upstash

26,953 views • 11 months ago

✨🛠️ made a tiny meta tag preview component for my personal site that runs when in development (next.js) should i release it as a package?

✨🛠️ made a tiny meta tag preview component for my personal site that runs when in development (next.js) should i release it as a package?

pugson

59,100 views • 2 years ago

Built a new component library: animated image generation loader and reveal effect 3 different types, dark and light mode support npm install img-fx

Built a new component library: animated image generation loader and reveal effect 3 different types, dark and light mode support npm install img-fx

Jakub Antalik

15,628 views • 19 days ago

ThiingsGrid (the infinite grid component used in thiings[.]co) is now open source! I made a little playground to explore the component. It's a single React+TS file with 0 other dependencies, so easy to drop into your project. Check it out an lmk what you think! Repo 👇

ThiingsGrid (the infinite grid component used in thiings[.]co) is now open source! I made a little playground to explore the component. It's a single React+TS file with 0 other dependencies, so easy to drop into your project. Check it out an lmk what you think! Repo 👇

Charlie Clark

28,075 views • 1 year ago

Introducing a beautifully designed AI chat component! 🎉 ◆ Ready to use, drop into any existing project ◆ Stream AI responses in real time ◆ Built-in RAG functionality Beautiful out of the box, fully customizable. 30-second demo 👇🏻

Introducing a beautifully designed AI chat component! 🎉 ◆ Ready to use, drop into any existing project ◆ Stream AI responses in real time ◆ Built-in RAG functionality Beautiful out of the box, fully customizable. 30-second demo 👇🏻

Upstash

45,838 views • 1 year ago

we went pretty hard on attachments in opencode v0.2.6 can @ tag any file in your codebase can drag and drop files into the terminal can copy paste files into the terminal works with images too check it

we went pretty hard on attachments in opencode v0.2.6 can @ tag any file in your codebase can drag and drop files into the terminal can copy paste files into the terminal works with images too check it

dax

42,166 views • 11 months ago

Introducing Multi-Swap: best execution, fully customizable, zero fee any-to-any token swap. Swap all your dust in a single click. Try it today:

Introducing Multi-Swap: best execution, fully customizable, zero fee any-to-any token swap. Swap all your dust in a single click. Try it today:

Kodiak

16,001 views • 6 months ago

Start using Cursor with Shadcn. You can tag *any* of the components you install to quickly build user interfaces - just @ the component. It’s basically an AI frontend engineer. Build at the speed of thought.

Start using Cursor with Shadcn. You can tag any of the components you install to quickly build user interfaces - just @ the component. It’s basically an AI frontend engineer. Build at the speed of thought.

Mckay Wrigley

299,589 views • 1 year ago

want to create really beautiful designs in your project? use the new "/component" slash command with the Supercharge add-on: - choose from 100s of 😍 components - copy the code, purpose-made for Bolt 👉 a simple, stunning, fast way to 10x your designs.

want to create really beautiful designs in your project? use the new "/component" slash command with the Supercharge add-on: - choose from 100s of 😍 components - copy the code, purpose-made for Bolt 👉 a simple, stunning, fast way to 10x your designs.

skippy

32,268 views • 1 year ago

Introducing <GridScan/> This React component has a lot going on under the hood, including a full-on face tracking mechanism that follows your movements inside the 3D effect. Definitely one of the coolest things I’ve built. It’s in your hands now.

Introducing <GridScan/> This React component has a lot going on under the hood, including a full-on face tracking mechanism that follows your movements inside the 3D effect. Definitely one of the coolest things I’ve built. It’s in your hands now.

David Haz

30,184 views • 7 months ago

The easiest way to get the nicest websites: - go to 21st [dot] dev - find a component you like - copy + paste in playscape

The easiest way to get the nicest websites: - go to 21st [dot] dev - find a component you like - copy + paste in playscape

Anish

154,372 views • 1 year ago

Golf slice fix in under 60 SECONDS 🤯⛳️✅ tag a golfer who needs to see this 👀👇

Golf slice fix in under 60 SECONDS 🤯⛳️✅ tag a golfer who needs to see this 👀👇

Georgia Ball

288,643 views • 8 months ago

introducing annotation mode in AI Studio refining your app should be as easy as pointing at what you want to change: simply highlight any component, button or text in your app and Gemini will handle the heavy lifting

introducing annotation mode in AI Studio refining your app should be as easy as pointing at what you want to change: simply highlight any component, button or text in your app and Gemini will handle the heavy lifting

Google AI Studio

122,226 views • 7 months ago

Happy Monday! New composable, animated shadcn Tree component just dropped. + combine it with CodeBlock for a repository / codebase viewer. Links 👇

Happy Monday! New composable, animated shadcn Tree component just dropped. + combine it with CodeBlock for a repository / codebase viewer. Links 👇

Hayden Bleasel

25,368 views • 9 months ago

🔥 Introducing the Heatmap Image component for Framer. Give your logos/images that Apple-event glow and animated style. Drop a "HEATMAP" in the comments and I’ll DM it to you for free.

🔥 Introducing the Heatmap Image component for Framer. Give your logos/images that Apple-event glow and animated style. Drop a "HEATMAP" in the comments and I’ll DM it to you for free.

David McBacon | Framer Coder

40,821 views • 8 months ago

Our new UI design for v4 is live! + many new features! - The previous Side-Orderform has been split into the new Market component for analytics and a more customizable Place Order component - Trades component now also streams Liquidations and offers cross exchange aggregation - Quick Size buttons for the Place Order component: Settings > Orders > Quick Buttons - Auto TP in Header for automatically placing reduce Limit orders on positions (for the scalper headz): Settings > Orders > Auto TP - Add button in Positions component to easily increase your position

Our new UI design for v4 is live! + many new features! - The previous Side-Orderform has been split into the new Market component for analytics and a more customizable Place Order component - Trades component now also streams Liquidations and offers cross exchange aggregation - Quick Size buttons for the Place Order component: Settings > Orders > Quick Buttons - Auto TP in Header for automatically placing reduce Limit orders on positions (for the scalper headz): Settings > Orders > Auto TP - Add button in Positions component to easily increase your position

Insilico Terminal

171,057 views • 10 months ago