Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Introducing remocn/ui 😱 shadcn components, but for Remotion video No more building custom components, recording your screen, opening After Effects, and editing videos Now you can simply add a component to your code and turn it into a video Form filling, button clicks, select dropdown interactions, toast notifications, and...

kapish_dima's profile picture

KapishDima

1,873 subscribers

57,819 Aufrufe • vor 2 Monaten •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.
0:56

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.

shadcn

52,962 Aufrufe • vor 1 Jahr

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!
1:08

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!

Supabase

125,241 Aufrufe • vor 1 Jahr

Introducing Amicro. A curated library of premium micro-interactions and transition components for React. Add beautiful Loaders ,card hovers, button interactions, and seamless transitions to your app with a single CLI command. ✨ Open source. Try it:
0:42

Introducing Amicro. A curated library of premium micro-interactions and transition components for React. Add beautiful Loaders ,card hovers, button interactions, and seamless transitions to your app with a single CLI command. ✨ Open source. Try it:

Kiyotaka

262,978 Aufrufe • vor 1 Monat

Introducing v0 by Vercel - v0 generates custom components on the fly that you can copy and paste into your existing codebase. Need a component? Just Ask - Jared Palmer Mariana Castilho Guillermo Rauch Malte Ubl almonk and the team at Vercel
0:30

Introducing v0 by Vercel - v0 generates custom components on the fly that you can copy and paste into your existing codebase. Need a component? Just Ask - Jared Palmer Mariana Castilho Guillermo Rauch Malte Ubl almonk and the team at Vercel

shadcn

737,340 Aufrufe • vor 3 Jahren

Video components will be as popular as UI components soon using the same shadcn registry. That's why we made our own Catalog of components for HyperFrames, where you can build on top of them to make your own videos. Explore, create and share your videos with npx hyperframes publish! Some of the best creations will be featured here!
0:28

Video components will be as popular as UI components soon using the same shadcn registry. That's why we made our own Catalog of components for HyperFrames, where you can build on top of them to make your own videos. Explore, create and share your videos with npx hyperframes publish! Some of the best creations will be featured here!

Miguel Ángel

18,018 Aufrufe • vor 3 Monaten

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:
1:01

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:

Kiyotaka

199,281 Aufrufe • vor 1 Monat

Introducing our updated MagicPath plugin for Cursor and Grok bot. Your agent gets a shared canvas for your code, builds interactive components, and now draws diagrams, flows, and wireframes you can edit after.
1:12

Introducing our updated MagicPath plugin for Cursor and Grok bot. Your agent gets a shared canvas for your code, builds interactive components, and now draws diagrams, flows, and wireframes you can edit after.

Pietro Schirano

23,272 Aufrufe • vor 12 Tagen

🚀 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 Aufrufe • vor 1 Monat

Introducing IconTile! A tiny but useful free component made for shadcn + ReUI. Across our 1,000+ components and 500+ blocks, we kept seeing this pattern repeated everywhere: an icon wrapped in a small tile. So we turned it into a simple, reusable component you can drop in anywhere. Live preview below 👇
0:34

Introducing IconTile! A tiny but useful free component made for shadcn + ReUI. Across our 1,000+ components and 500+ blocks, we kept seeing this pattern repeated everywhere: an icon wrapped in a small tile. So we turned it into a simple, reusable component you can drop in anywhere. Live preview below 👇

ReUI

24,399 Aufrufe • vor 22 Tagen

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️
0:25

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️

shadcn

532,143 Aufrufe • vor 3 Jahren

Introducing the A2UI Widget Builder ⚙️ An interactive demo and template to build A2UI Widgets and bring them into your application. Powered by CopilotKit & Google's new A2UI spec Includes... - Widget Gallery: premade UI widgets you can use & modify - Material Icons: 100 of the most commonly used icons - UI Components: common components preview, usage and props - Source code and data on any widget/icon/component - Built with CopilotKit- so you get chat UI, generative UI, etc. Try it out: Tutorial of how to get started: Repo:
0:30

Introducing the A2UI Widget Builder ⚙️ An interactive demo and template to build A2UI Widgets and bring them into your application. Powered by CopilotKit & Google's new A2UI spec Includes... - Widget Gallery: premade UI widgets you can use & modify - Material Icons: 100 of the most commonly used icons - UI Components: common components preview, usage and props - Source code and data on any widget/icon/component - Built with CopilotKit- so you get chat UI, generative UI, etc. Try it out: Tutorial of how to get started: Repo:

CopilotKit🪁

18,783 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 1 Jahr

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 💎
0:39

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 Aufrufe • vor 1 Monat

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.
1:14

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

Kailash

84,239 Aufrufe • vor 2 Monaten

UI/UX Designers, you can now access a complete set of mobile UI components without starting from scratch. I found this amazing resource called Wise Design System, it’s one of the cleanest UI components collection out there and well documented from action buttons to pulldown menus. Each component comes with anatomy, states & behavior, plus design do’s and don’ts to guide you. Bookmark it for later 💜
0:32

UI/UX Designers, you can now access a complete set of mobile UI components without starting from scratch. I found this amazing resource called Wise Design System, it’s one of the cleanest UI components collection out there and well documented from action buttons to pulldown menus. Each component comes with anatomy, states & behavior, plus design do’s and don’ts to guide you. Bookmark it for later 💜

Abraham John 🦄🦓

94,002 Aufrufe • vor 8 Monaten

UI/UX Designers, I just found a FREE Figma component library that’s a game-changer for speeding up your workflow. This library lets you easily copy and paste high-quality UI components, perfect for building clean, consistent designs without starting from scratch. Whether you’re working on a new project or refreshing an old one, this resource will save you hours. Like this post, repost, and comment “UI Components” to get the link.
0:30

UI/UX Designers, I just found a FREE Figma component library that’s a game-changer for speeding up your workflow. This library lets you easily copy and paste high-quality UI components, perfect for building clean, consistent designs without starting from scratch. Whether you’re working on a new project or refreshing an old one, this resource will save you hours. Like this post, repost, and comment “UI Components” to get the link.

Abraham John 🦄🦓

21,337 Aufrufe • vor 7 Monaten

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)
7:27

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

Jason Zhou

746,755 Aufrufe • vor 1 Jahr

if you use shadcn ui for your apps, you're gonna love these 7 ui libraries: > > > > > > > imagine spending thousands on overpriced designers to make your app sexy when you have prebuilt components like these that elevate the shadcn experience i sprinkle em in all my apps and everyone loves using it for a reason...
1:44

if you use shadcn ui for your apps, you're gonna love these 7 ui libraries: > > > > > > > imagine spending thousands on overpriced designers to make your app sexy when you have prebuilt components like these that elevate the shadcn experience i sprinkle em in all my apps and everyone loves using it for a reason...

Rexan Wong

276,678 Aufrufe • vor 9 Monaten

Pro level editing just got easier with AI Producer! AI Producer can turn your RAW, talking head footage into a fully polished, professional video just by chatting with it. Simply drop in your RAW footage and AI Producer will add custom captions, b-roll, motion graphics, sfx and more. Your content deserves to be seen, don't let editing hold you back. Try AI Producer for free:
1:21

Pro level editing just got easier with AI Producer! AI Producer can turn your RAW, talking head footage into a fully polished, professional video just by chatting with it. Simply drop in your RAW footage and AI Producer will add custom captions, b-roll, motion graphics, sfx and more. Your content deserves to be seen, don't let editing hold you back. Try AI Producer for free:

OpusClip

193,948 Aufrufe • vor 1 Monat