Loading video...

Video Failed to Load

Go Home

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 ✨

pheralb_'s profile picture

Pablo

2,821 subscribers

95,721 views • 5 months ago •via X (Twitter)

ArtsEducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing the new Svgl 🥳🎉 ❖ New design. Upgrade to Svelte 5 + Tailwind CSS v4. ❖ New API docs + extensions page. ❖ shadcn/ui support + open with v0. ❖ Copy the optimized SVG directly using SVGO. ❖ Add your SVGs to favorites and access your list whenever you want.
0:51

Introducing the new Svgl 🥳🎉 ❖ New design. Upgrade to Svelte 5 + Tailwind CSS v4. ❖ New API docs + extensions page. ❖ shadcn/ui support + open with v0. ❖ Copy the optimized SVG directly using SVGO. ❖ Add your SVGs to favorites and access your list whenever you want.

Pablo

41,634 views • 11 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 ✨
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

19,393 views • 7 months ago

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.
2:33

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

117,832 views • 27 days ago

Introducing Plate: the modern rich-text editor for React. ◆ Core: Plugin system. ◆ Plugins: 50+ Headless, unstyled packages. ◆ Primitives: State and behavior hooks. ◆ Components: Radix by WorkOS + shadcn ui. Free. Open Source. Responsive. Dark Mode.
0:36

Introducing Plate: the modern rich-text editor for React. ◆ Core: Plugin system. ◆ Plugins: 50+ Headless, unstyled packages. ◆ Primitives: State and behavior hooks. ◆ Components: Radix by WorkOS + shadcn ui. Free. Open Source. Responsive. Dark Mode.

zbeyens

208,847 views • 3 years 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
0:59

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

🚀 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.
3:49

🚀 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

Introducing editorcn 📝 by Shadcn Labs > Built on Tiptap > Zero config, one command setup. > shadcn/ui compatible (simply copy-paste) > Rich text, Notion-style editors with 20+ built-in controls > Fully customizable 100% free and open-source.
1:04

Introducing editorcn 📝 by Shadcn Labs > Built on Tiptap > Zero config, one command setup. > shadcn/ui compatible (simply copy-paste) > Rich text, Notion-style editors with 20+ built-in controls > Fully customizable 100% free and open-source.

Aniket Pawar

46,524 views • 13 days 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! 👇
0:55

🚀 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

🚀 Announcing Ark UI Ark™ The robust headless UI component library, built with State machines 🥳💪✨ 🔸Over 30+ components (ColorPicker, DatePicker, and more...) 🔸Works in React, Solid, and Vue 🔸Bring your own styling solution
1:25

🚀 Announcing Ark UI Ark™ The robust headless UI component library, built with State machines 🥳💪✨ 🔸Over 30+ components (ColorPicker, DatePicker, and more...) 🔸Works in React, Solid, and Vue 🔸Bring your own styling solution

Sage ⚡️

159,282 views • 2 years 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

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
0:47

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

⚡️ Full-Stack React Starter Template ✨ What’s inside? ⌘ Frontend: Built with React, Vite ⚡, TANSTACK (Router, Query, Table), shadcn, and more ⌘ Backend: Powered by Hono, Drizzle ORM, Neon - Serverless Postgres – 100% type-safe ⌘ Deploy-Ready: Seamless deployment on Vercel 📦 Includes a fully functional Todo app to get you started! 🎉 The complete repo will be Open Source and FREE. Stay tuned!
1:27

⚡️ Full-Stack React Starter Template ✨ What’s inside? ⌘ Frontend: Built with React, Vite ⚡, TANSTACK (Router, Query, Table), shadcn, and more ⌘ Backend: Powered by Hono, Drizzle ORM, Neon - Serverless Postgres – 100% type-safe ⌘ Deploy-Ready: Seamless deployment on Vercel 📦 Includes a fully functional Todo app to get you started! 🎉 The complete repo will be Open Source and FREE. Stay tuned!

Bharat Kara

48,852 views • 1 year 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,437 views • 3 years ago

I built the Open Source Whispr Flow KILLER for MacOS that's free, on-device running on the Neural Engine with sub-second latency using the native SpeechAnalyser API and Apple's Foundation Model Meet Megaphone - built with Codex CLI for the OpenAI Build week.
2:44

I built the Open Source Whispr Flow KILLER for MacOS that's free, on-device running on the Neural Engine with sub-second latency using the native SpeechAnalyser API and Apple's Foundation Model Meet Megaphone - built with Codex CLI for the OpenAI Build week.

Kuber

14,212 views • 1 month ago

🎉 Showcasing the FilterTabs component - with a LIVE DEMO! 🚀 👉 Demo: 🛠️ Built on the robust shadcn Toggle 🎹 Keyboard Navigation ✨ Fully Customizable 📦 Dependency-Free Check out the demo and give your feedback!
0:20

🎉 Showcasing the FilterTabs component - with a LIVE DEMO! 🚀 👉 Demo: 🛠️ Built on the robust shadcn Toggle 🎹 Keyboard Navigation ✨ Fully Customizable 📦 Dependency-Free Check out the demo and give your feedback!

Kristoffer Eriksson

23,007 views • 2 years ago

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜
1:01

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜

Abraham John 🦄🦓

26,631 views • 1 month ago

Today ReUI Pro goes live! 🔥 Design-forward shadcn/ui platform with MCP fluency for agents. AI made UI generation instant. It didn't make it production-ready. You still spend hours picking blocks, adjusting details, and fine-tuning the last mile. We spent six months building the agent-ready layer for shadcn/ui that closes the gap. Inside: ☑️ Free Hosted MCP with Agent Skills. ☑️ 1,019 open-source shadcn/ui components, free forever. ☑️ 17 open-source ReUI primitives(Data Grid, Filters,File Upload, Stepper and more). ☑️ 485 Pro blocks across over 50 categories. ☑️ 562 hand-crafted interactive icons in 4 styles. ☑️ Default Base UI and legacy Radix by WorkOS versions. Real credit to shadcn for the ecosystem! The registry model changed how we all build and ship UI, and ReUI stands on that foundation. Below is a thread on the 10 things we're most proud of👇
3:17

Today ReUI Pro goes live! 🔥 Design-forward shadcn/ui platform with MCP fluency for agents. AI made UI generation instant. It didn't make it production-ready. You still spend hours picking blocks, adjusting details, and fine-tuning the last mile. We spent six months building the agent-ready layer for shadcn/ui that closes the gap. Inside: ☑️ Free Hosted MCP with Agent Skills. ☑️ 1,019 open-source shadcn/ui components, free forever. ☑️ 17 open-source ReUI primitives(Data Grid, Filters,File Upload, Stepper and more). ☑️ 485 Pro blocks across over 50 categories. ☑️ 562 hand-crafted interactive icons in 4 styles. ☑️ Default Base UI and legacy Radix by WorkOS versions. Real credit to shadcn for the ecosystem! The registry model changed how we all build and ship UI, and ReUI stands on that foundation. Below is a thread on the 10 things we're most proud of👇

ReUI

47,964 views • 2 months ago

Announcing LlamaCoder v2 – generate React apps in 1 prompt! • Brand new clean conversational UI • New examples & models (e.g Deepseek V3) • Easily iterate & go between versions • High quality mode with LLM chaining 100% free and open source. Powered by Together AI.
0:29

Announcing LlamaCoder v2 – generate React apps in 1 prompt! • Brand new clean conversational UI • New examples & models (e.g Deepseek V3) • Easily iterate & go between versions • High quality mode with LLM chaining 100% free and open source. Powered by Together AI.

Hassan

50,821 views • 1 year ago

New Example! We built a fullstack open “Deep Research” quickstart for Google DeepMind Gemini 2.5. It dynamically searches the web, reflects on results, and delivers comprehensive answers with citations in a nice UI with streaming! Built using React and LangChain Langgraph! 🚀 TL;DR: 🔄 Agent iteratively loops through research and reflection until it gathers sufficient information. 🔍 Dynamic query generation, web research via Gemini native Google Search tool, and reflective reasoning. 🧠 Supports different search effors (low, medium, high) for width and depth of search 🛠️ React frontend, LangGraph backend, Tailwind CSS + Shadcn UI components. 🐳 Easily run locally or deploy with Docker. 📄 Answers inlcude citations from gathered web sources.
0:29

New Example! We built a fullstack open “Deep Research” quickstart for Google DeepMind Gemini 2.5. It dynamically searches the web, reflects on results, and delivers comprehensive answers with citations in a nice UI with streaming! Built using React and LangChain Langgraph! 🚀 TL;DR: 🔄 Agent iteratively loops through research and reflection until it gathers sufficient information. 🔍 Dynamic query generation, web research via Gemini native Google Search tool, and reflective reasoning. 🧠 Supports different search effors (low, medium, high) for width and depth of search 🛠️ React frontend, LangGraph backend, Tailwind CSS + Shadcn UI components. 🐳 Easily run locally or deploy with Docker. 📄 Answers inlcude citations from gathered web sources.

Philipp Schmid

55,535 views • 1 year ago

spent last weekend building a website for flowsurface built with Astro + Cloudflare. 100+ on lighthouse flowsurface is a free and open source native crypto orderflow app i've been contributing to performant heatmaps, footprints, time & sales, orderbook, and more 1/2
1:59

spent last weekend building a website for flowsurface built with Astro + Cloudflare. 100+ on lighthouse flowsurface is a free and open source native crypto orderflow app i've been contributing to performant heatmaps, footprints, time & sales, orderbook, and more 1/2

José Donato

18,328 views • 11 months ago