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

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

На главную

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

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 лет назад

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 год назад

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