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 ObsidianUI : React & Tailwind CSS Components Library > 35+ Components, blocks, landing page & templates! > Added AI Agents MCP > Redesigned UI try here: copy the source or install via shadcn-cli Free, open source, no sign-up

Athrix ☄️

2,690 subscribers

165,550 views • 1 day ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

38 Comments

Loki20 hours ago

Yo it’s solid adding it on

Athrix ☄️20 hours ago

Thx, Appreciate it man ❤️

Sahil Panhotra | Indie Builder23 hours ago

nice work bro stared it on github

Anshu21 hours ago

let's gooo

Logan Gott22 hours ago

Okay, this is pretty sick, honestly.

Saroz23 hours ago

love the Magnetic Image Trail and Marquee on SVG Path.

Hey Detya21 hours ago

Super clean UI! Definitely bookmarking this to try out the components on my next web build. The MCP addition is a great touch too

Athrix ☄️18 hours ago

Thanks man 🥂❤️

Anushka1 day ago

Cool 🤌🏻

Manu Arora22 hours ago

Lets goo! 🔥

Athrix ☄️21 hours ago

Yeahh🫶🏻❤️

Pratham1 day ago

looks sleek

Priy1 day ago

Crazy bro... It's amazing 🤩

Athrix ☄️1 day ago

Thanks 🫶🏻 shipping moree!!

Tony21 hours ago

Being able to hand the component library to my agent sounds useful. Nice work making it open source too.

Aayan1 day ago

Amazing Bro, Btw Congrats On Launch Will try these components

Kiyotaka22 hours ago

Must must checkout

Athrix ☄️21 hours ago

🫶🏻try MCP too!

Dev Patel23 hours ago

This looks insanely useful 🔥

Athrix ☄️23 hours ago

Yup, you can try MCP too! no-codee

R𝛼m 🦅1 day ago

nice

Aditya1 day ago

Cool bro

Devster21 hours ago

bro u cooked 🫡

Karthik1 day ago

🔥🔥🔥

Gregor22 hours ago

Imo the MCP is the only part that isn't just another shadcn fork.

saumya22 hours ago

Having an MCP layer is insane. Looks good too.

丂ﾑんﾉﾚ1 day ago

Wow

Manish Kumar1 day ago

Niceee

Armstrong Too | Photo + Film + AI1 day ago

The useful part is the bridge between component libraries and agents. A visual system gives an agent constraints to work inside, instead of asking it to invent every screen from scratch.

Khushi1 day ago

🔥🔥

Ruturaj23 hours ago

This is crazy

ajax22 hours ago

cool, very useful

Dev19 hours ago

match both color

AI Mastery Guide15 hours ago

free and no signup, easy try

Kartik17 hours ago

your website is crashing

Vineer1 day ago

awesome

AADITYANSHA1 day ago

Cool

shivam23 hours ago

cool boy

Related Videos

Introducing pdfcn 📄 by Shadcn Labs > Built on Takumi by Kane Wang and Forme > Zero config, one command setup. > shadcn /ui compatible (simply copy-paste) > 10+ themes, components, blocks > Fully customizable 100% free and open-source.

Introducing pdfcn 📄 by Shadcn Labs > Built on Takumi by Kane Wang and Forme > Zero config, one command setup. > shadcn /ui compatible (simply copy-paste) > 10+ themes, components, blocks > Fully customizable 100% free and open-source.

Aniket Pawar

119,091 views • 1 month ago

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.

Motion

175,674 views • 1 month ago

🚀 Introducing A collection of top quality free & open-source dashboard components, blocks and layouts built with shadcn/ui & Base UI ✅ Open-source dashboard components & blocks ✅ Beautiful admin dashboard template ✅ Copy & paste with shadcn/ui ✅ Pre-Built AI Prompts ✅ MCP Server ✅ Production-ready code Huge thanks to shadcn for creating such an amazing ecosystem ❤️ 🔗 Would love your feedback.

🚀 Introducing A collection of top quality free & open-source dashboard components, blocks and layouts built with shadcn/ui & Base UI ✅ Open-source dashboard components & blocks ✅ Beautiful admin dashboard template ✅ Copy & paste with shadcn/ui ✅ Pre-Built AI Prompts ✅ MCP Server ✅ Production-ready code Huge thanks to shadcn for creating such an amazing ecosystem ❤️ 🔗 Would love your feedback.

Sunil Joshi

68,092 views • 1 month ago

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

shadcn

667,576 views • 3 years ago

Introducing Loading UI ⏳ if your loading state is just <Loader2 /> it's for you → 35+ components → shadcn compatible → simplest api, fully customizable free and open-source install, customize, plug-in check at loading-ui(.)com 🔥

Introducing Loading UI ⏳ if your loading state is just <Loader2 /> it's for you → 35+ components → shadcn compatible → simplest api, fully customizable free and open-source install, customize, plug-in check at loading-ui(.)com 🔥

Bart ⚡

106,139 views • 4 months ago

Introducing Agents UI, an open-source shadcn component library for building polished React frontends for your voice agents. Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents. Install via the shadcn CLI and own the code.

Introducing Agents UI, an open-source shadcn component library for building polished React frontends for your voice agents. Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents. Install via the shadcn CLI and own the code.

LiveKit

183,678 views • 6 months 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 ✨

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

19,393 views • 7 months 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. 👇

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

245,245 views • 1 year ago

Introducing Whenua - Open source - Accessible UI components for Astro & Tailwind CSS - Light and dark mode - Copy them, customize them, make them yours - No dependencies, no lock-in - Fully customizable npx whenua init →

Introducing Whenua - Open source - Accessible UI components for Astro & Tailwind CSS - Light and dark mode - Copy them, customize them, make them yours - No dependencies, no lock-in - Fully customizable npx whenua init →

Michael Andreuzza

22,805 views • 7 months 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

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,437 views • 3 years ago

🚀 Introducing NSUI – A collection of shadcn /UI marketing blocks! ✔️ Easy to install: Copy-paste, `shadcn add`, or Open in v0 ✔️ Fully responsive and customizable ✔️ Free & open-source Perfect for landing pages, SaaS sites, and more. Check it out! 👇

🚀 Introducing NSUI – A collection of shadcn /UI marketing blocks! ✔️ Easy to install: Copy-paste, `shadcn add`, or Open in v0 ✔️ Fully responsive and customizable ✔️ Free & open-source Perfect for landing pages, SaaS sites, and more. Check it out! 👇

irung

70,252 views • 1 year ago

Free and open-source frontend dashboard template powered by: ◆ shadcn ui (install components via CLI) ◆ Next.js SPA (so BYO router) ◆ 📋 React Hook Form validation Inspired by dashboards from: Vercel · @tinybirdco · Axiom · Checkly → A tour guide

Free and open-source frontend dashboard template powered by: ◆ shadcn ui (install components via CLI) ◆ Next.js SPA (so BYO router) ◆ 📋 React Hook Form validation Inspired by dashboards from: Vercel · @tinybirdco · Axiom · Checkly → A tour guide

Maximilian Kaske 🏓

35,666 views • 1 year ago

Open-source and free apps for coders - 7000+ free SVG icons - Open-source collection of CSS cursors - Turns your Chrome into stable commands for the AI agents - Free design inspiration from top sites - Open-source animated UI Components for React

Open-source and free apps for coders - 7000+ free SVG icons - Open-source collection of CSS cursors - Turns your Chrome into stable commands for the AI agents - Free design inspiration from top sites - Open-source animated UI Components for React

Csaba Kissi

24,362 views • 2 months ago

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. Link: 👇🏼

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. Link: 👇🏼

shawn.

146,587 views • 4 months ago

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic

CodeHagen

241,680 views • 1 year 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↴

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,966 views • 1 year ago

Introducing Compiler: An npm library, that makes React apps multilingual without rewriting the existing React components. Doesn't require extracting i18n keys, or wrapping text in <Translate /> tags. 100% free and open-source. Here's how it works:

Introducing Compiler: An npm library, that makes React apps multilingual without rewriting the existing React components. Doesn't require extracting i18n keys, or wrapping text in <Translate /> tags. 100% free and open-source. Here's how it works:

Lingo.dev

3,276,631 views • 1 year ago

600 SVGs available on Svgl 🥳🚀 ✓ Fully optimized ✓ React, Vue, Angular, Astro, Svelte & Web Components ✓ Add SVGs with the shadcn/ui CLI ✓ Free API ✓ Raycast extension, npm packages, and CLIs built by contributors and 100% free, open source ✨

600 SVGs available on Svgl 🥳🚀 ✓ Fully optimized ✓ React, Vue, Angular, Astro, Svelte & Web Components ✓ Add SVGs with the shadcn/ui CLI ✓ Free API ✓ Raycast extension, npm packages, and CLIs built by contributors and 100% free, open source ✨

Pablo

95,721 views • 6 months ago

Bruh... someone recreated the UI of Claude Code, Codex & Grok as reusable ShadCN components. 🤯 This open-source library lets you drop beautifully recreated AI interface components straight into your own apps or CLI projects. You'll find components for: → prompts & chat messages → tool calls → code diffs → permission dialogs → todo lists → slash commands → and much more... Perfect if you're building AI apps, terminal UIs (TUIs), or CLI-based developer tools and don't want to build everything from scratch :) Source 🔗: github(DOT)com/theswerd/brainless Follow me for more amazing AI, Coding & Web Dev insights 💎

Bruh... someone recreated the UI of Claude Code, Codex & Grok as reusable ShadCN components. 🤯 This open-source library lets you drop beautifully recreated AI interface components straight into your own apps or CLI projects. You'll find components for: → prompts & chat messages → tool calls → code diffs → permission dialogs → todo lists → slash commands → and much more... Perfect if you're building AI apps, terminal UIs (TUIs), or CLI-based developer tools and don't want to build everything from scratch :) Source 🔗: github(DOT)com/theswerd/brainless Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

55,857 views • 1 month ago