Loading video...

Video Failed to Load

Go Home

Introducing Spell UI Highly refined UI components. Copy, paste, and ship. Crafted for modern interfaces. Link ↓

sushidrip's profile picture

tom

1,300 subscribers

159,535 views • 7 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Beautiful UI components you can just copy & paste. Save this 👇 - - WebGL effects over live HTML - - animated border beam effect - - free animated component library - - UI components for AI agent chats - - essential transitions for web apps - - liquid metal effect for buttons - - crafted primitives for AI interfaces - - annotate UI, brief your coding agent - - animated thinking orbs for AI UIs What am I missing?
0:16

Beautiful UI components you can just copy & paste. Save this 👇 - - WebGL effects over live HTML - - animated border beam effect - - free animated component library - - UI components for AI agent chats - - essential transitions for web apps - - liquid metal effect for buttons - - crafted primitives for AI interfaces - - annotate UI, brief your coding agent - - animated thinking orbs for AI UIs What am I missing?

Tran Mau Tri Tam ✪

129,010 views • 3 months ago

𝗙𝗿𝗲𝗲 𝗟𝗼𝘃𝗮𝗯𝗹𝗲 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗟𝗶𝗯𝗿𝗮𝗿𝘆. Consistent UI for all your projects. Copy → Paste → Ship. Drop "🫡" below, I'll share the link.
0:17

𝗙𝗿𝗲𝗲 𝗟𝗼𝘃𝗮𝗯𝗹𝗲 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗟𝗶𝗯𝗿𝗮𝗿𝘆. Consistent UI for all your projects. Copy → Paste → Ship. Drop "🫡" below, I'll share the link.

damien

56,607 views • 1 year ago

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?
0:16

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

Nero

97,259 views • 2 months ago

Introducing prompt-kit A set of high-quality, customizable components for building AI interfaces. Built on top of shadcn/ui, starting with PromptInput, a flexible input field for chatting with AI models. New components coming soon!
0:13

Introducing prompt-kit A set of high-quality, customizable components for building AI interfaces. Built on top of shadcn/ui, starting with PromptInput, a flexible input field for chatting with AI models. New components coming soon!

Ibelick

104,375 views • 1 year ago

Introducing ogimagecn Build OG images like you build your UI. Powered by Satori. Pick from 20+ ready-to-use image components you can copy, tweak, and make your own. One command to get started. shadcn/ui compatible. 100% Free. Open source.
0:15

Introducing ogimagecn Build OG images like you build your UI. Powered by Satori. Pick from 20+ ready-to-use image components you can copy, tweak, and make your own. One command to get started. shadcn/ui compatible. 100% Free. Open source.

Shadcn Labs

10,670 views • 29 days ago

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.
0:17

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.

Dillion

325,302 views • 2 years ago

Introducing Generative UI for MCP Apps One server. Infinite interfaces. Instead of building views, define a component catalog. The AI assembles the right UI based on your API, CLI or MCP server tools. Works in Claude, ChatGPT, VS Code, Cursor and more
0:14

Introducing Generative UI for MCP Apps One server. Infinite interfaces. Instead of building views, define a component catalog. The AI assembles the right UI based on your API, CLI or MCP server tools. Works in Claude, ChatGPT, VS Code, Cursor and more

Chris Tate

165,297 views • 7 months ago

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.
0:16

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.

Nick Babich

267,253 views • 2 years ago

UI design checklist A massive collection of the best practices for everything related to UI design—components, pages, user flows and branding. 🖋️ by George Hatzis
0:10

UI design checklist A massive collection of the best practices for everything related to UI design—components, pages, user flows and branding. 🖋️ by George Hatzis

Nick Babich

71,634 views • 2 years ago

new skill: improve-ui built to audit interfaces against their own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix it
0:15

new skill: improve-ui built to audit interfaces against their own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix it

Ibelick

104,596 views • 3 months ago

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code
0:15

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code

Melvyn • Builder

160,836 views • 8 months ago

The most ambitious UI library is here.✨ Premium UI components, 3D assets, mockups, templates & more. Sign up for free and start downloading. Explore → Definitely worth bookmarking.
0:15

The most ambitious UI library is here.✨ Premium UI components, 3D assets, mockups, templates & more. Sign up for free and start downloading. Explore → Definitely worth bookmarking.

Marcelo Design X

10,728 views • 6 days ago

Next up in Origin UI: slider components 🔥
0:12

Next up in Origin UI: slider components 🔥

Pasquale Vitiello

79,003 views • 1 year ago

Introducing Themes ✨ 🎨 Build onchain apps with our ready-to-use UI components. Fully customizable building blocks to match your brand.
0:12

Introducing Themes ✨ 🎨 Build onchain apps with our ready-to-use UI components. Fully customizable building blocks to match your brand.

OnchainKit

16,545,243 views • 1 year ago

Introducing Voice Nav - navigate any website with your voice. Coming soon as part of ElevenLabs UI: an open-source library of audio & agent components for the web.
0:11

Introducing Voice Nav - navigate any website with your voice. Coming soon as part of ElevenLabs UI: an open-source library of audio & agent components for the web.

Louis

78,532 views • 1 year ago

Introducing pdfcn Build beautiful PDFs like you build your UI. Powered by Takumi + Forme. Pick from 10+ themes, 40+ components & blocks, then customize everything. One command to get started. shadcn/ui compatible. 100% Free. Open source.
0:15

Introducing pdfcn Build beautiful PDFs like you build your UI. Powered by Takumi + Forme. Pick from 10+ themes, 40+ components & blocks, then customize everything. One command to get started. shadcn/ui compatible. 100% Free. Open source.

Shadcn Labs

177,138 views • 1 month ago

1. Generate UI with gpt-image-2 2. Generate a normal map from the image 3. Dynamic lighting for UI components - raised elements actually cast shadows and get lit naturally.
0:13

1. Generate UI with gpt-image-2 2. Generate a normal map from the image 3. Dynamic lighting for UI components - raised elements actually cast shadows and get lit naturally.

Jacob Miller

57,345 views • 6 months ago