Загрузка видео...

Не удалось загрузить видео

На главную

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 🔥

bzagrodzki's profile picture

Bart ⚡

5,897 subscribers

106,139 просмотров • 4 месяцев назад •via X (Twitter)

ОбразованиеНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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

119,091 просмотров • 1 месяц назад

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

47,383 просмотров • 19 дней назад

🚀 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 просмотров • 1 год назад

introducing 2 free (handmade) UI templates for you to use for your web applications built on top of shadcn ui & fully open source
0:24

introducing 2 free (handmade) UI templates for you to use for your web applications built on top of shadcn ui & fully open source

Micky

42,492 просмотров • 4 месяцев назад

Introducing OpenStatus - an open source monitoring service to check your api/website, collaborated with 🦋 @thibaultouay.dev. ◆ Built with Next.js, Turso, for speed. ◆ Built with Tailwind CSS, shadcn ui for seemless components. →
1:38

Introducing OpenStatus - an open source monitoring service to check your api/website, collaborated with 🦋 @thibaultouay.dev. ◆ Built with Next.js, Turso, for speed. ◆ Built with Tailwind CSS, shadcn ui for seemless components. →

Maximilian Kaske 🏓

96,820 просмотров • 3 лет назад

Bruh... Stop building skeleton loaders manually 🦴 This open-source web component lets you automatically generate shimmer loading skeletons from your real UI with multiple customization options. → no separate skeleton components → generates loaders from actual DOM layout → customizable shimmer effects & styles → works with React, Vue, Svelte & more Your actual UI becomes the loading skeleton automatically :) Source 🔗: github(DOT)com/Aejkatappaja/phantom-ui Follow Ram Maheshwari for more 💎 #html #ai #javascript #coding #webdevelopment #programming
0:33

Bruh... Stop building skeleton loaders manually 🦴 This open-source web component lets you automatically generate shimmer loading skeletons from your real UI with multiple customization options. → no separate skeleton components → generates loaders from actual DOM layout → customizable shimmer effects & styles → works with React, Vue, Svelte & more Your actual UI becomes the loading skeleton automatically :) Source 🔗: github(DOT)com/Aejkatappaja/phantom-ui Follow Ram Maheshwari for more 💎 #html #ai #javascript #coding #webdevelopment #programming

Ram Maheshwari

17,348 просмотров • 3 месяцев назад

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 →
1:32

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 просмотров • 7 месяцев назад

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.
0:29

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 просмотров • 3 лет назад

🚀 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 просмотров • 1 месяц назад

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 просмотров • 3 лет назад

Since StyleX is in the news and I’ve seen quite a few people asking for StyleX + shadcn, including Aiden Bai. So I made shadcn-cssinjs 💅 > Built with StyleX > shadcn CLI compatible (simply copy and paste) > Fully customizable design system 100% free and open-source.
1:03

Since StyleX is in the news and I’ve seen quite a few people asking for StyleX + shadcn, including Aiden Bai. So I made shadcn-cssinjs 💅 > Built with StyleX > shadcn CLI compatible (simply copy and paste) > Fully customizable design system 100% free and open-source.

Aniket Pawar

11,516 просмотров • 19 дней назад

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 просмотров • 1 год назад

Brooooooooooooo... this feels like a dream come true for every developer & designer. 🦴 Now you don't have to manually design skeleton screens for your UI. Boneyard automatically extracts the layout from your real UI and generates pixel-perfect skeleton loading screens from it. Just wrap your UI components with Boneyard, run the build, and it creates the skeletons for you :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:32

Brooooooooooooo... this feels like a dream come true for every developer & designer. 🦴 Now you don't have to manually design skeleton screens for your UI. Boneyard automatically extracts the layout from your real UI and generates pixel-perfect skeleton loading screens from it. Just wrap your UI components with Boneyard, run the build, and it creates the skeletons for you :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

53,712 просмотров • 29 дней назад

Just built Openjourney 🚀 a vibe coded UI inspired by MidJourney built with Cursor and Replit for you to plug in your favorite models. Generate images with Imagen 4, animate them with Veo 3 or generate videos with sound. Fully open source for you to customize. Links below 👇
2:26

Just built Openjourney 🚀 a vibe coded UI inspired by MidJourney built with Cursor and Replit for you to plug in your favorite models. Generate images with Imagen 4, animate them with Veo 3 or generate videos with sound. Fully open source for you to customize. Links below 👇

Ammaar Reshi

52,820 просмотров • 1 год назад

I made it! 🥳 The Hotel Admin UI is completed. 😊🙌 Personally, I really enjoyed working on this UI. I was able to learn a lot and gain a better understanding of how to create a user friendly experience. Here are the features I implemented in this project: • Fully responsive design (mobile, tablet, desktop, large desktop - 4K) • Library of components (chakra-ui) • Loading indicator and skeleton while loading data • Mock API integration • CRUD operations • Search functionality • Modals and confirmation dialogs • Routing using react-router • Picture upload library (react-filepond) • Form validation • Data visualization chart (Chart.js) • Carousel with thumbnails (swiper.js) I hope you like it! #womenintech #100DaysOfCode #React
1:02

I made it! 🥳 The Hotel Admin UI is completed. 😊🙌 Personally, I really enjoyed working on this UI. I was able to learn a lot and gain a better understanding of how to create a user friendly experience. Here are the features I implemented in this project: • Fully responsive design (mobile, tablet, desktop, large desktop - 4K) • Library of components (chakra-ui) • Loading indicator and skeleton while loading data • Mock API integration • CRUD operations • Search functionality • Modals and confirmation dialogs • Routing using react-router • Picture upload library (react-filepond) • Form validation • Data visualization chart (Chart.js) • Carousel with thumbnails (swiper.js) I hope you like it! #womenintech #100DaysOfCode #React

Glenda Diaz

15,568 просмотров • 3 лет назад

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

50,965 просмотров • 2 месяцев назад

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀
1:42

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀

Ajay Patel

85,953 просмотров • 1 год назад

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic
0:20

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic

CodeHagen

16,295 просмотров • 1 год назад