Loading video...

Video Failed to Load

Go Home

AlignUI Code Library is live! 💥 Built for React, styled with TailwindCSS. ‣ 40+ free base components : ‣ Blocks & Templates : ‣ Figma file :

alignui's profile picture

AlignUI Design System

10,946 subscribers

45,461 views • 1 year ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

2 Comments

Jabol aso's profile picture
Jabol aso11 months ago

Interesting, its a full coffee of @shadcn.

Truong Hoang Dung's profile picture
Truong Hoang Dung1 year ago

No Tree select component ? Lol.

Related Videos

I found a Treasure for Figma Designers is a brand new figma design library with thousands of design components, templates and resources available to copy for free.
2:51

I found a Treasure for Figma Designers is a brand new figma design library with thousands of design components, templates and resources available to copy for free.

Your Designer

33,334 views • 2 years ago

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨
0:58

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨

Pablo

17,916 views • 3 months ago

We just shipped v3.0 🚀 Added new figma file for:- ✨ 10 Landing pages 🎨 New 50+ Blocks 🎨 New component library ⚡ Better code output ✅ Added new creative buttons component 🔥 New Figma file, lighter version #shadcn #ui #react #tailwind #buildinpublic
0:20

We just shipped v3.0 🚀 Added new figma file for:- ✨ 10 Landing pages 🎨 New 50+ Blocks 🎨 New component library ⚡ Better code output ✅ Added new creative buttons component 🔥 New Figma file, lighter version #shadcn #ui #react #tailwind #buildinpublic

Shadcn Studio

12,083 views • 6 months ago

introducing figma for tailwindcss + react projects launching soon!!!
0:51

introducing figma for tailwindcss + react projects launching soon!!!

srgm

21,866 views • 9 months ago

🚀 Introducing React Bits Pro Build faster with: • 65 unique React components • 100+ smoothly animated UI blocks • 5 launch-ready templates For landing pages, launches, and product sites that need to stand out. Launch pricing is live for 1 month.
0:59

🚀 Introducing React Bits Pro Build faster with: • 65 unique React components • 100+ smoothly animated UI blocks • 5 launch-ready templates For landing pages, launches, and product sites that need to stand out. Launch pricing is live for 1 month.

David Haz

151,599 views • 3 months ago

📢 AI Template is now live! Figma and React, fully in sync 🥳 Built for real AI workflows — not demos. ✨ What’s inside: → AI-focused screens → Conversation-based layouts → Actions & system states → 30+ production-ready screens 🔗 w / AlignUI Design System
0:54

📢 AI Template is now live! Figma and React, fully in sync 🥳 Built for real AI workflows — not demos. ✨ What’s inside: → AI-focused screens → Conversation-based layouts → Actions & system states → 30+ production-ready screens 🔗 w / AlignUI Design System

Erşad

11,976 views • 4 months ago

AlignUI Design System is live! 💥 Visit our website, preview on Figma, and get it now!
0:58

AlignUI Design System is live! 💥 Visit our website, preview on Figma, and get it now!

Erşad

283,420 views • 2 years ago

Mafs - "React components for interactive math" Feels like butter interacting with these components. The library is clearly made with ♥️
0:24

Mafs - "React components for interactive math" Feels like butter interacting with these components. The library is clearly made with ♥️

Jay Hack

122,213 views • 3 years ago

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys
0:29

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys

Meng To

75,947 views • 1 year ago

The component audit widget is live! It scans your Figma library, then: – Shows components by page – Shows components missing variables/styles – Lists components without descriptions – Lists components without links – Print a summary frame for a log
0:57

The component audit widget is live! It scans your Figma library, then: – Shows components by page – Shows components missing variables/styles – Lists components without descriptions – Lists components without links – Print a summary frame for a log

luis.

36,875 views • 10 months ago

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with Nice Prompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳
0:21

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with Nice Prompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳

Erencan Arica

43,547 views • 5 months ago

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.
1:15

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.

HeroUI

529,475 views • 2 months ago

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴
0:27

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴

daniel petho

188,521 views • 1 year ago

🎉 Releasing Framer Motion Theatre, a library for creating animated React components. ⚡️ Use Theatre.js in React with a simple declarative API ⚡️ Animate Framer-motion's motion values using Theatre.js ⚡️ Get WYSIWYG editing for your components with 1 line of code 1/6
0:22

🎉 Releasing Framer Motion Theatre, a library for creating animated React components. ⚡️ Use Theatre.js in React with a simple declarative API ⚡️ Animate Framer-motion's motion values using Theatre.js ⚡️ Get WYSIWYG editing for your components with 1 line of code 1/6

Andrew Prifer

66,200 views • 1 year ago

This is one of the fastest and most performant calendar I’ve ever built with Expo 🧙 Source code: React Native Components 🔗
0:21

This is one of the fastest and most performant calendar I’ve ever built with Expo 🧙 Source code: React Native Components 🔗

Erencan Arica

30,725 views • 2 months ago

Announcing React Aria Components v1.0.0! 🥳 Over 40 components with built-in behavior, adaptive interactions, top-tier accessibility, and internationalization out of the box, ready for your styles.
1:10

Announcing React Aria Components v1.0.0! 🥳 Over 40 components with built-in behavior, adaptive interactions, top-tier accessibility, and internationalization out of the box, ready for your styles.

Devon Govett

542,490 views • 2 years ago

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.
1:01

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.

Michael Magán

65,473 views • 1 year ago

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)
0:20

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)

Nick Babich

120,191 views • 2 years ago

Finally, TailGrids 2.0 🚀 Launched on ProductHunt 👇 🧱 Tailwind UI Components, Blocks and Templates 🔥 500+ Components with Free/Open-Source Option 🤌 Easy to Use Copy-Paste Interface 📦 13 Bonus Templates ✨ and More 💜 Your support matters the most
0:56

Finally, TailGrids 2.0 🚀 Launched on ProductHunt 👇 🧱 Tailwind UI Components, Blocks and Templates 🔥 500+ Components with Free/Open-Source Option 🤌 Easy to Use Copy-Paste Interface 📦 13 Bonus Templates ✨ and More 💜 Your support matters the most

Musharof

44,436 views • 3 years ago

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇
1:02

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

Jordan Hughes

243,719 views • 10 months ago