Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

📣 New course alert! Introducing "shadcn/ui Deconstructed", a reverse-engineered exploration of React composition patterns and styling techniques. Here's the intro video! 🎥

laracasts's profile picture

Laracasts

89,071 subscribers

99,959 Aufrufe • vor 1 Jahr •via X (Twitter)

KunstWissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

4 Kommentare

Profilbild von Laracasts
Laracastsvor 1 Jahr

And here's the link to the full series on Laracasts. Happy deconstructing! 🛠️ — Simon

Profilbild von JMIR Publications
JMIR Publicationsvor 2 Jahren

#CallForPapers 📣 📝 JMIR Rehabilitation and Assistive Technologies invites submissions for our #themeissue, "Incorporating Participatory Methods in Developing, Implementing, and Evaluating #Rehab Interventions and #AssistiveTechnologies" ℹ️ @drsarahmunce

Profilbild von Bijaya Prasad Kuikel
Bijaya Prasad Kuikelvor 1 Jahr

Something that i am really excited for. Thank you @simonswiss

Profilbild von Sidrit Trandafili
Sidrit Trandafilivor 1 Jahr

Went through this today. It’s awesome. 👌Well done @simonswiss

Ähnliche Videos

It's new course day 🚀 Introducing "React from scratch" — learn React from the absolute basics, while hanging out with cute dev puppies 🐶 Here's the intro video!
2:28

It's new course day 🚀 Introducing "React from scratch" — learn React from the absolute basics, while hanging out with cute dev puppies 🐶 Here's the intro video!

Laracasts

27,263 Aufrufe • vor 1 Jahr

Introducing Silk — The most advanced swipeable sheet ever engineered for the web. Native-like experience • Works on all devices • Unlocks dozens of UI patterns on the web. Available for React.
1:09

Introducing Silk — The most advanced swipeable sheet ever engineered for the web. Native-like experience • Works on all devices • Unlocks dozens of UI patterns on the web. Available for React.

Bruno Stasse

833,916 Aufrufe • vor 1 Jahr

Introducing Shadify: Generative UI built on ShadCN Simply describe a UI and watch your LangChain agent compose from @ShadCN on the fly, using AG-UI and CopilotKit🪁. Then export it as React code. Repo below. Try it out here:
0:36

Introducing Shadify: Generative UI built on ShadCN Simply describe a UI and watch your LangChain agent compose from @ShadCN on the fly, using AG-UI and CopilotKit🪁. Then export it as React code. Repo below. Try it out here:

Atai Barkai

137,769 Aufrufe • vor 2 Monaten

Introducing soundcn - a shadcn registry with a collection of sounds. The beloved registry now has a refreshed UI, new fonts, new colors, a new layout, and sound customization 👇
0:32

Introducing soundcn - a shadcn registry with a collection of sounds. The beloved registry now has a refreshed UI, new fonts, new colors, a new layout, and sound customization 👇

KapishDima

24,016 Aufrufe • vor 1 Monat

Introducing Luma, a new shadcn/ui style. Rounded geometry. Soft elevation. Breathable layouts. Inspired by macOS Tahoe (minus the glass). Foundation. For your next app.
0:24

Introducing Luma, a new shadcn/ui style. Rounded geometry. Soft elevation. Breathable layouts. Inspired by macOS Tahoe (minus the glass). Foundation. For your next app.

shadcn

343,249 Aufrufe • vor 2 Monaten

Made a copy of the monthly calendar used by Cal.com with shadcn UI, Radix by WorkOS Colors and React Aria
0:35

Made a copy of the monthly calendar used by Cal.com with shadcn UI, Radix by WorkOS Colors and React Aria

Damián Ricobelli

54,160 Aufrufe • vor 2 Jahren

Introducing Evilcharts An open-source chart UI website built with shadcn/ui and recharts, beautifully designed and handcrafted.
0:42

Introducing Evilcharts An open-source chart UI website built with shadcn/ui and recharts, beautifully designed and handcrafted.

Gurbinder

74,727 Aufrufe • vor 1 Monat

React Native Lens UI Kit updates - styling enhancements and Video support I built this app with only 111 lines of code ✨
0:34

React Native Lens UI Kit updates - styling enhancements and Video support I built this app with only 111 lines of code ✨

nader dabit

25,302 Aufrufe • vor 2 Jahren

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

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

182,387 Aufrufe • vor 3 Monaten

Do all shadcn/ui apps look the same? No. They don't have to. Think of shadcn/ui as a coloring template - it provides the outlines & structure. Black & white. A starting point. You get to fill it with your own unique colors and styles. And it's really easy. Here's an example:
2:03

Do all shadcn/ui apps look the same? No. They don't have to. Think of shadcn/ui as a coloring template - it provides the outlines & structure. Black & white. A starting point. You get to fill it with your own unique colors and styles. And it's really easy. Here's an example:

shadcn

392,439 Aufrufe • vor 1 Jahr

Introducing Video2Ascii – a WebGL-powered React component that converts Videos to ASCII art. I came across the General Intuition website and loved their animations but there were no open-source React Components so I reverse engineered it.
0:25

Introducing Video2Ascii – a WebGL-powered React component that converts Videos to ASCII art. I came across the General Intuition website and loved their animations but there were no open-source React Components so I reverse engineered it.

Elijah Kurien

198,360 Aufrufe • vor 5 Monaten

shadcn/ui patterns. No React. No build. Just Rails. Maquina Components gives you the same component architecture — ERB partials + StimulusJS + Tailwind CSS v4. Claude skill for AI-assisted dev: #Rails #RubyOnRails
1:48

shadcn/ui patterns. No React. No build. Just Rails. Maquina Components gives you the same component architecture — ERB partials + StimulusJS + Tailwind CSS v4. Claude skill for AI-assisted dev: #Rails #RubyOnRails

Mario Alberto Chávez

29,719 Aufrufe • vor 4 Monaten

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,807 Aufrufe • vor 2 Jahren

this app took me a total of ~3 hours to build. ✨ shadcn ui kind of makes me feel I actually understand design (I don't) 🕊️ tech stack - @walletconnect v2 - Next.js - shadcn ui - @lensprotocol react sdk 🔗 code 🔗 app
1:55

this app took me a total of ~3 hours to build. ✨ shadcn ui kind of makes me feel I actually understand design (I don't) 🕊️ tech stack - @walletconnect v2 - Next.js - shadcn ui - @lensprotocol react sdk 🔗 code 🔗 app

nader dabit

92,399 Aufrufe • vor 2 Jahren

We’re open-sourcing Frimousse—a lightweight, unstyled (but with a shadcn​/ui version too), and composable emoji picker for React. 😊
0:27

We’re open-sourcing Frimousse—a lightweight, unstyled (but with a shadcn​/ui version too), and composable emoji picker for React. 😊

Marc Bouchenoire

81,219 Aufrufe • vor 1 Jahr

Introducing Upstash Search UI - a beautiful, shadcn-inspired search component 🎉 ◆ Pre-styled & accessible out of the box ◆ Built-in keyword highlighting ◆ Perfect for React & Next.js Add beautiful, professional search to your app in seconds 👀
1:08

Introducing Upstash Search UI - a beautiful, shadcn-inspired search component 🎉 ◆ Pre-styled & accessible out of the box ◆ Built-in keyword highlighting ◆ Perfect for React & Next.js Add beautiful, professional search to your app in seconds 👀

Upstash

26,953 Aufrufe • vor 11 Monaten

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!
0:36

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!

Matt

44,889 Aufrufe • vor 7 Monaten

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

531,672 Aufrufe • vor 3 Jahren

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic
0:27

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic

Sid

63,524 Aufrufe • vor 2 Jahren