Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Installing Cursor rules with shadcn.

shadcn's profile picture

shadcn

212,126 subscribers

109,817 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Built rico's chart. It has custom vectors, custom tooltip cursor, gradient, gaussian blur for hover effects, themes.. Whatever you throw at recharts, it just works.
0:13

Built rico's chart. It has custom vectors, custom tooltip cursor, gradient, gaussian blur for hover effects, themes.. Whatever you throw at recharts, it just works.

shadcn

101,484 görüntüleme • 11 ay önce

try the shadcn plugin in cursor!
0:14

try the shadcn plugin in cursor!

eric zakariasson

260,200 görüntüleme • 1 ay önce

Dark Mode and Focus Rings.
0:13

Dark Mode and Focus Rings.

shadcn

137,237 görüntüleme • 1 yıl önce

spreadsheet + ai. 8 months of building with AI SDK shadcn TANSTACK @cursor Vercel
0:19

spreadsheet + ai. 8 months of building with AI SDK shadcn TANSTACK @cursor Vercel

kyzo

99,208 görüntüleme • 8 ay önce

We've added universal item support to the registry. Any framework. Any language. Now you can distribute code, config, workflows, mcp, agent rules. Anything. Here's me adding better-auth to Nuxt: auth client, middleware, pages. "npm" for application & infrastructure code.
0:13

We've added universal item support to the registry. Any framework. Any language. Now you can distribute code, config, workflows, mcp, agent rules. Anything. Here's me adding better-auth to Nuxt: auth client, middleware, pages. "npm" for application & infrastructure code.

shadcn

86,268 görüntüleme • 11 ay önce

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

136,777 görüntüleme • 2 ay önce

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

153,355 görüntüleme • 3 ay ö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,483 görüntüleme • 1 yıl önce

Cursor pro tip write /Generate Cursor Rules to automatically generate rules
0:12

Cursor pro tip write /Generate Cursor Rules to automatically generate rules

Fili

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

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

253,359 görüntüleme • 8 ay önce

Go to Click on ElevenLabs in the left sidebar. Press D to turn on dark mode. Then hit R and keep shuffling.
0:10

Go to Click on ElevenLabs in the left sidebar. Press D to turn on dark mode. Then hit R and keep shuffling.

shadcn

109,620 görüntüleme • 5 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,621 görüntüleme • 5 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

35,196 görüntüleme • 3 ay önce

This week, we're going to rethink how copy and paste works for Tailwind templates. One click of a button and you'll be able to "lift" components from a template. Copy & paste or Edit in v0. Shipping soon.
0:10

This week, we're going to rethink how copy and paste works for Tailwind templates. One click of a button and you'll be able to "lift" components from a template. Copy & paste or Edit in v0. Shipping soon.

shadcn

171,095 görüntüleme • 2 yıl önce

The code from yesterday was for a field component: • Flows horizontally by default • Switches to vertical in smaller containers • No extra wrapping divs or order-* hacks • Composes field, input, description & spacing Not shipping as-is but great for quick exploration.
0:10

The code from yesterday was for a field component: • Flows horizontally by default • Switches to vertical in smaller containers • No extra wrapping divs or order-* hacks • Composes field, input, description & spacing Not shipping as-is but great for quick exploration.

shadcn

48,821 görüntüleme • 1 yıl önce

Starting a new project shouldn’t mean rebuilding your setup from scratch. Experiment: init from an existing project (local or remote) and bring over components (including customizations), theme, fonts, deps, the whole setup and file structure. Works cross-framework: start a TanStack app from an existing Vite app.
0:13

Starting a new project shouldn’t mean rebuilding your setup from scratch. Experiment: init from an existing project (local or remote) and bring over components (including customizations), theme, fonts, deps, the whole setup and file structure. Works cross-framework: start a TanStack app from an existing Vite app.

shadcn

63,577 görüntüleme • 1 ay önce

Working on a new Command Menu to surface more context where you need it: - Colors in all formats. Enter to copy oklch or cmd+c for other format - Shortcut to copy cli command for components - Remembers your color format & package manager Small UX wins. Huge impact for docs.
0:12

Working on a new Command Menu to surface more context where you need it: - Colors in all formats. Enter to copy oklch or cmd+c for other format - Shortcut to copy cli command for components - Remembers your color format & package manager Small UX wins. Huge impact for docs.

shadcn

53,924 görüntüleme • 1 yıl önce

New shadcn block released: A team section with glowing cards. $ npx shadcn@latest add @ncdai/team-01
0:12

New shadcn block released: A team section with glowing cards. $ npx shadcn@latest add @ncdai/team-01

Chánh Đại

19,307 görüntüleme • 2 ay önce