Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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's profile picture

shadcn

239,224 subscribers

153,879 görüntüleme • 5 ay önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

We’ve added a new command: npx shadcn apply. Instantly apply a full preset across your project. Swap components, themes, colors, CSS variables, fonts, and icons all at once. Apply. Test. Repeat.
0:19

We’ve added a new command: npx shadcn apply. Instantly apply a full preset across your project. Swap components, themes, colors, CSS variables, fonts, and icons all at once. Apply. Test. Repeat.

shadcn

137,641 görüntüleme • 4 ay önce

When you're working on a new app, it can takes a few tries to find something you like so we've made switching presets really easy. Run init --preset with a new code in your app, and the cli will take care of reconfiguring everything including components, theme & dependencies.
0:18

When you're working on a new app, it can takes a few tries to find something you like so we've made switching presets really easy. Run init --preset with a new code in your app, and the cli will take care of reconfiguring everything including components, theme & dependencies.

shadcn

36,616 görüntüleme • 5 ay önce

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, React Aria in all styles. Also available as unstyled headless in shadcn/react.
0:10

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, React Aria in all styles. Also available as unstyled headless in shadcn/react.

shadcn

275,128 görüntüleme • 23 gün önce

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,784 görüntüleme • 2 yıl önce

Introducing Themes. Hand-picked colors that you can copy and paste into your apps. This builds on top of the Styles API. Pick a style with some sane defaults, add your colors and make it yours.
0:13

Introducing Themes. Hand-picked colors that you can copy and paste into your apps. This builds on top of the Styles API. Pick a style with some sane defaults, add your colors and make it yours.

shadcn

182,650 görüntüleme • 3 yıl önce

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 görüntüleme • 8 ay önce

Getting a few questions about the menu options. This is specifically for building inverted menus in light mode. Works for dropdown menu, select, combobox, context menu, menubar...etc
0:10

Getting a few questions about the menu options. This is specifically for building inverted menus in light mode. Works for dropdown menu, select, combobox, context menu, menubar...etc

shadcn

75,689 görüntüleme • 8 ay önce

You can now share your Notion Workers. Build and iterate on Workers with your team. Or share one so teammates can connect it to their own Custom Agents. Free to try while Workers is in beta.
0:14

You can now share your Notion Workers. Build and iterate on Workers with your team. Or share one so teammates can connect it to their own Custom Agents. Free to try while Workers is in beta.

Notion Developers

40,786 görüntüleme • 1 ay önce

You can build a database on your phone in about three taps — using “Build with AI” and workflow templates! Shipped a few weeks ago, but forgot to mention it.
0:16

You can build a database on your phone in about three taps — using “Build with AI” and workflow templates! Shipped a few weeks ago, but forgot to mention it.

Notion

29,853 görüntüleme • 1 yıl önce

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

550,414 görüntüleme • 1 ay önce

custom lumos are live. basically you can build your own version of me and make it smarter than you at whatever you want. which is honestly kind of rude but i allow it
0:15

custom lumos are live. basically you can build your own version of me and make it smarter than you at whatever you want. which is honestly kind of rude but i allow it

Lumo

17,291 görüntüleme • 1 ay önce

CodeHagen ok done. you can now migrate your ui components between icon libraries.
0:10

CodeHagen ok done. you can now migrate your ui components between icon libraries.

shadcn

87,663 görüntüleme • 1 ay önce

When blockchain collides with AI, if you have ideas, you can build. One person, powered by AI, can operate like a super-efficient finance company. Use SoSoValue’s market intelligence, research and index tools, together with SoDEX’s execution and trading infrastructure, to create your own Web3 × AI stack — and build your own on-chain empire. Wave 1 is now live: May 1 – May 12 This is the stage to shape your idea, define your use case, plan your APIs, and build your early prototype. The SoSoValue Buildathon is open now. If you’re still thinking about it, just hit Enter and start building. Join here: #SoSoValue #Buildathon #AI #Agentic #OnePerson #Web3 #Crypto #SoDEX
0:19

When blockchain collides with AI, if you have ideas, you can build. One person, powered by AI, can operate like a super-efficient finance company. Use SoSoValue’s market intelligence, research and index tools, together with SoDEX’s execution and trading infrastructure, to create your own Web3 × AI stack — and build your own on-chain empire. Wave 1 is now live: May 1 – May 12 This is the stage to shape your idea, define your use case, plan your APIs, and build your early prototype. The SoSoValue Buildathon is open now. If you’re still thinking about it, just hit Enter and start building. Join here: #SoSoValue #Buildathon #AI #Agentic #OnePerson #Web3 #Crypto #SoDEX

SoSoValue

201,025 görüntüleme • 4 ay önce

All Premium subscribers can now publish Articles. Long-form writing works on 𝕏. Try it out and build your following.
0:12

All Premium subscribers can now publish Articles. Long-form writing works on 𝕏. Try it out and build your following.

Premium

1,450,116 görüntüleme • 7 ay önce

Buy versus build: what are your lessons? "Just because you can build something doesn't mean you should. The best companies are ruthless about focusing on the few things they uniquely own and do better than anyone else. If it's not core to your business or competitive advantage, outsource it and stay focused on what matters." Matan Grinberg Single biggest advice to founders on build vs buy Marc Benioff Brian Halligan Sam Altman Max Junestrand
0:16

Buy versus build: what are your lessons? "Just because you can build something doesn't mean you should. The best companies are ruthless about focusing on the few things they uniquely own and do better than anyone else. If it's not core to your business or competitive advantage, outsource it and stay focused on what matters." Matan Grinberg Single biggest advice to founders on build vs buy Marc Benioff Brian Halligan Sam Altman Max Junestrand

Harry Stebbings

12,046 görüntüleme • 2 ay önce

The options are endless. However you see it—you can build it. #TeamTaylorMade Explore the new MySpider ZT and start building your own unique putter now:
0:10

The options are endless. However you see it—you can build it. #TeamTaylorMade Explore the new MySpider ZT and start building your own unique putter now:

TaylorMade Golf

79,530 görüntüleme • 3 ay önce

Have you checked your Inbox? 👀 We just released some major updates that will change how you earn and build loyalty onchain. ✌️ Mint in 2-clicks 🫴Get crypto rewards back 💪Build loyalty All in your Inbox. Check it out! 👇
0:10

Have you checked your Inbox? 👀 We just released some major updates that will change how you earn and build loyalty onchain. ✌️ Mint in 2-clicks 🫴Get crypto rewards back 💪Build loyalty All in your Inbox. Check it out! 👇

Boost Inbox

36,833 görüntüleme • 2 yıl önce

Custom styles for Infographics are rolling out TODAY! With 10 (!) preset options and the ability to create your own, choose from editorial, clay, brick, fan favorite kawaii 😻, and more! Turn your complex source material into beautiful, easy-to-read visuals with a single click.
0:19

Custom styles for Infographics are rolling out TODAY! With 10 (!) preset options and the ability to create your own, choose from editorial, clay, brick, fan favorite kawaii 😻, and more! Turn your complex source material into beautiful, easy-to-read visuals with a single click.

Gemini Notebook

260,491 görüntüleme • 5 ay önce

🚨🚨 Huge! Now you can build your own Agent trained on custom data with Then your Agent can be shipped on your website or on your existing customer support tool 👌 Databerry is open source! Awesome tech under the hood ❤️ Qdrant OpenAI Next.js
0:18

🚨🚨 Huge! Now you can build your own Agent trained on custom data with Then your Agent can be shipped on your website or on your existing customer support tool 👌 Databerry is open source! Awesome tech under the hood ❤️ Qdrant OpenAI Next.js

Georges Petrov

176,500 görüntüleme • 3 yıl önce