Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

New component: Questionnaire. Use it to build multi-step question flows, like agents asking follow-up questions. Supports single and multiple choice, freeform answers, skippable and conditional steps, controlled and resumable state, custom progress, bring-your-own validation, full keyboard navigation with answer shortcuts, ssr-ready, accessible and composable. Available for Base UI, Radix,...

shadcn's profile picture

shadcn

247,400 subscribers

278,444 Aufrufe • vor 3 Monaten •via X (Twitter)

Wissenschaft & TechnologieBildungGesundheit & Wellness
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

You can now build translucent dropdown menus, selects, and comboboxes on shadcn/create. Mix in your custom styles, icons, fonts, and radii and build something different. Your own preset. All it takes is a few clicks.
0:13

You can now build translucent dropdown menus, selects, and comboboxes on shadcn/create. Mix in your custom styles, icons, fonts, and radii and build something different. Your own preset. All it takes is a few clicks.

shadcn

154,078 Aufrufe • vor 8 Monaten

I just published the full guide to building forms with the Field component: - TanStack Form & React Hook Form - Zod validation and displaying errors - Practical examples we’ll actually use - Inputs, Radios, Fieldset, Arrays & more Check it out. Link below.
0:14

I just published the full guide to building forms with the Field component: - TanStack Form & React Hook Form - Zod validation and displaying errors - Practical examples we’ll actually use - Inputs, Radios, Fieldset, Arrays & more Check it out. Link below.

shadcn

254,232 Aufrufe • vor 1 Jahr

Here is an awesome shadcn alternative Coss UI (previously Origin UI) by coss.com. beautiful, slick, accessible React components, built on Base UI, and maintained by top frontend engineers like Colm Tuite Still, if you want to stick with Radix UI, nothing really matches what shadcn offers
0:16

Here is an awesome shadcn alternative Coss UI (previously Origin UI) by coss.com. beautiful, slick, accessible React components, built on Base UI, and maintained by top frontend engineers like Colm Tuite Still, if you want to stick with Radix UI, nothing really matches what shadcn offers

Ali Bey

18,710 Aufrufe • vor 1 Jahr

Made a file-uploader component with shadcn ui, react-dropzone, and Theo uploadthing.
0:19

Made a file-uploader component with shadcn ui, react-dropzone, and Theo uploadthing.

sadman

85,627 Aufrufe • vor 2 Jahren

Code Connect is now out of beta and with new improvements (!!) → Code Connect snippets in the component playground → A new and faster setup process → Support for React, React Native, SwiftUI, Compose, and more coming soon → Now available for supported UI Kits #Config2024
0:19

Code Connect is now out of beta and with new improvements (!!) → Code Connect snippets in the component playground → A new and faster setup process → Support for React, React Native, SwiftUI, Compose, and more coming soon → Now available for supported UI Kits #Config2024

Figma

66,471 Aufrufe • vor 2 Jahren

Coming to React Navigation: navigation.pushParams lets you push to navigation history without pushing a new screen. Useful for - Keeping state such as filters in history - Integrating custom UI with history (such as a bottom sheet or modal component) without complex logic.
0:13

Coming to React Navigation: navigation.pushParams lets you push to navigation history without pushing a new screen. Useful for - Keeping state such as filters in history - Integrating custom UI with history (such as a bottom sheet or modal component) without complex logic.

React Navigation

61,529 Aufrufe • vor 1 Jahr

Shipped the new chart blocks. I’ve also added more examples on how to build advanced tooltips with custom label, icons and formatters. Next up: dashboards and cli updates.
0:11

Shipped the new chart blocks. I’ve also added more examples on how to build advanced tooltips with custom label, icons and formatters. Next up: dashboards and cli updates.

shadcn

86,938 Aufrufe • vor 2 Jahren

You can now make your own shadcn/ui and use it in v0. Create it on open it in v0, and use it as the foundation for your app.
0:15

You can now make your own shadcn/ui and use it in v0. Create it on open it in v0, and use it as the foundation for your app.

v0

56,019 Aufrufe • vor 11 Monaten

React Aria has built-in support for drag and drop. This kanban board is only ~100 lines, and even supports keyboard accessibility with no additional code needed! 🙂
0:18

React Aria has built-in support for drag and drop. This kanban board is only ~100 lines, and even supports keyboard accessibility with no additional code needed! 🙂

Devon Govett

54,731 Aufrufe • vor 10 Monaten

Let's make Android development in React Native great and fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.
0:19

Let's make Android development in React Native great and fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.

Oliver Lopez

19,336 Aufrufe • vor 1 Jahr

Zero config react-scan for React Native in Radon IDE available under single switch. Would you use it? 👀
0:15

Zero config react-scan for React Native in Radon IDE available under single switch. Would you use it? 👀

Krzysztof Magiera

28,933 Aufrufe • vor 1 Jahr

Introducing Extend UI — open-source components for document agents - 14 components & examples for PDF, DOCX, and XLSX viewers, plus bounding box citations, file upload, e-signature, and more - fully customizable - MIT licensed when we started, we tried every file viewer and document component library we could find unfortunately, none of them had all the functionality (and polish) that we wanted, so we ended up building our own for Extend it was only ever meant to be internal, but enough customers kept asking for it that we decided to give it back to the community it's useful for building agents, user-facing document flows, or internal tools we use and maintain it for Extend ourselves, so it'll keep getting better over time (and it's battle tested on millions of pages running through our system every day) it also works with design system agents like Magic Patterns for faster exploration and prototyping available today on the shadcn component registry! some examples in 🧵
0:12

Introducing Extend UI — open-source components for document agents - 14 components & examples for PDF, DOCX, and XLSX viewers, plus bounding box citations, file upload, e-signature, and more - fully customizable - MIT licensed when we started, we tried every file viewer and document component library we could find unfortunately, none of them had all the functionality (and polish) that we wanted, so we ended up building our own for Extend it was only ever meant to be internal, but enough customers kept asking for it that we decided to give it back to the community it's useful for building agents, user-facing document flows, or internal tools we use and maintain it for Extend ourselves, so it'll keep getting better over time (and it's battle tested on millions of pages running through our system every day) it also works with design system agents like Magic Patterns for faster exploration and prototyping available today on the shadcn component registry! some examples in 🧵

Kushal Byatnal

171,158 Aufrufe • vor 5 Monaten

Introducing shadcn/typeset. You know how you render markdown and get back plain, unstyled HTML? Headings, paragraphs, lists, tables. So you style the elements one by one: font sizes, line heights, spacing. You do it for your blog. Then you do it again for docs. Then again for the chat. Every time, you're fighting the same thing: sizing and spacing. To fix this, we created typeset.css: one file that styles everything inside a typeset container. It lives in your project, so you can change it directly when you need to. And we made it work beautifully with streaming markdown.
0:15

Introducing shadcn/typeset. You know how you render markdown and get back plain, unstyled HTML? Headings, paragraphs, lists, tables. So you style the elements one by one: font sizes, line heights, spacing. You do it for your blog. Then you do it again for docs. Then again for the chat. Every time, you're fighting the same thing: sizing and spacing. To fix this, we created typeset.css: one file that styles everything inside a typeset container. It lives in your project, so you can change it directly when you need to. And we made it work beautifully with streaming markdown.

shadcn

553,282 Aufrufe • vor 4 Monaten

I just published Trace, a new component for agent activity. It's one abstraction for reasoning, tool calls, queues, chain of thought, subagents...etc Also in this release: Code Block and AI Elements.
0:16

I just published Trace, a new component for agent activity. It's one abstraction for reasoning, tool calls, queues, chain of thought, subagents...etc Also in this release: Code Block and AI Elements.

shadcn

179,536 Aufrufe • vor 1 Monat

React Aria Components v1.19.0 is out! ✨ Autocomplete now supports inline completions (e.g. mentions), and a new Popover API enables positioning relative to the cursor. Also, text inputs can now be nested inside GridList and Tree without interfering with arrow key navigation!
0:16

React Aria Components v1.19.0 is out! ✨ Autocomplete now supports inline completions (e.g. mentions), and a new Popover API enables positioning relative to the cursor. Also, text inputs can now be nested inside GridList and Tree without interfering with arrow key navigation!

Devon Govett

19,358 Aufrufe • vor 4 Monaten

Introducing ogimagecn Build OG images like you build your UI. Powered by Satori. Pick from 20+ ready-to-use image components you can copy, tweak, and make your own. One command to get started. shadcn/ui compatible. 100% Free. Open source.
0:15

Introducing ogimagecn Build OG images like you build your UI. Powered by Satori. Pick from 20+ ready-to-use image components you can copy, tweak, and make your own. One command to get started. shadcn/ui compatible. 100% Free. Open source.

Shadcn Labs

10,670 Aufrufe • vor 1 Monat

Headroom 1.4 is out! New bits of motion design, micro & full-length gauges now available, new meter styles, etc. Headroom now also supports Cursor and Grok now, alongside OpenAI and Claude like it always has. Available for free dollars 👇
0:16

Headroom 1.4 is out! New bits of motion design, micro & full-length gauges now available, new meter styles, etc. Headroom now also supports Cursor and Grok now, alongside OpenAI and Claude like it always has. Available for free dollars 👇

Zantos

27,909 Aufrufe • vor 2 Monaten

Best DESIGN resources for AI coding, all in one list 👇 — Visual design inspiration. — AI-powered website design and building. — Backgrounds and gradients. — Ready-made UI templates. — Animated React components. — Real app screens and user flows. — Website navigation inspiration. — UI animations and interactions. — Motion design inspiration. — Curated website designs. — Landing page inspiration. — Free fonts for your projects. — Remove image backgrounds. — Webflow templates and resources. What did i miss?
0:18

Best DESIGN resources for AI coding, all in one list 👇 — Visual design inspiration. — AI-powered website design and building. — Backgrounds and gradients. — Ready-made UI templates. — Animated React components. — Real app screens and user flows. — Website navigation inspiration. — UI animations and interactions. — Motion design inspiration. — Curated website designs. — Landing page inspiration. — Free fonts for your projects. — Remove image backgrounds. — Webflow templates and resources. What did i miss?

Nero

36,765 Aufrufe • vor 18 Tagen

Cursor 2.1 is now available! Plans now have an interactive UI for answering clarifying questions. Also new: in-editor code reviews, instant grep, and improved browser use.
0:11

Cursor 2.1 is now available! Plans now have an interactive UI for answering clarifying questions. Also new: in-editor code reviews, instant grep, and improved browser use.

Cursor

393,527 Aufrufe • vor 11 Monaten