正在加载视频...

视频加载失败

返回首页

📣 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,171 subscribers

100,049 次观看 • 1 年前 •via X (Twitter)

艺术科学技术教育
LIVE

Anya Rossi• Live Now

Private livecam show

4 条评论

Laracasts 的头像
Laracasts1 年前

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

JMIR Publications 的头像
JMIR Publications2 年前

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

Bijaya Prasad Kuikel 的头像
Bijaya Prasad Kuikel1 年前

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

Sidrit Trandafili 的头像
Sidrit Trandafili1 年前

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

相关视频

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 次观看 • 1 年前

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

834,034 次观看 • 1 年前

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,922 次观看 • 2 个月前

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 次观看 • 1 个月前

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 次观看 • 2 年前

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,773 次观看 • 2 个月前

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

76,420 次观看 • 1 个月前

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,448 次观看 • 1 年前

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 次观看 • 2 年前

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,500 次观看 • 3 个月前

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 次观看 • 5 个月前

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,721 次观看 • 4 个月前

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,528 次观看 • 2 年前

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 次观看 • 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,816 次观看 • 2 年前

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 次观看 • 11 个月前

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 次观看 • 8 个月前

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,717 次观看 • 3 年前

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 次观看 • 2 年前