Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Building the best tool to set up your shadcn project No more security issues, dependency hell, linting errors, or config headaches. Just code that works.

Hidde

1,324 subscribers

48,667 views • 11 months ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

A design system encoded in a preset means you can take it anywhere you work. Found a new style you like? Just ask v0 to use it. Works out of the box. No config required. Got an old boring shadcn/ui app that looks like everyone else? Ask v0 to apply a new code.

A design system encoded in a preset means you can take it anywhere you work. Found a new style you like? Just ask v0 to use it. Works out of the box. No config required. Got an old boring shadcn/ui app that looks like everyone else? Ask v0 to apply a new code.

shadcn

78,738 views • 3 months ago

We’re applying to the Pump.fun Build in Public Hackathon. We're building Clovr. An AI tool that turns ideas into real Next.js frontends. No more boilerplate. No more blank files. Just clean, ready-to-use, beautiful code you can export or open straight in a GitHub repo. We’re building the future of how frontends are built.

We’re applying to the Pump.fun Build in Public Hackathon. We're building Clovr. An AI tool that turns ideas into real Next.js frontends. No more boilerplate. No more blank files. Just clean, ready-to-use, beautiful code you can export or open straight in a GitHub repo. We’re building the future of how frontends are built.

Alby Churven

24,523 views • 6 months ago

Write 100x better code using AI (for free!) Install the Codacy extension (VSCode, Cursor, WindSurf). This will install an MCP Server locally on your computer. Your coding copilot will use this server with the Codacy CLI to check every line of code it generates. The way this works is pretty awesome (assuming you are using Cursor): 1. You ask Cursor to generate some code 2. Cursor writes the code 3. Cursor then calls Codacy's MCP Server to check it 4. The MCP Server will use the Codacy CLI to find any issues 5. Cursor will fix the issues and call the MCP server again 6. When the code passes all checks, you are done Level of effort on your side: literally zero! Code quality and security because of this: 100x better! Codacy has been doing this for a long, long time, and their Guardrails MCP Server checks for a lot of potential issues: • Security issues • Quality standards • Pattern violations • Linting issues You can see more information about the extension here: I recorded a quick video to show you how it works. Thanks to the Codacy team for helping me set up everything, answering my 1,000 questions, and collaborating with me on this post.

Write 100x better code using AI (for free!) Install the Codacy extension (VSCode, Cursor, WindSurf). This will install an MCP Server locally on your computer. Your coding copilot will use this server with the Codacy CLI to check every line of code it generates. The way this works is pretty awesome (assuming you are using Cursor): 1. You ask Cursor to generate some code 2. Cursor writes the code 3. Cursor then calls Codacy's MCP Server to check it 4. The MCP Server will use the Codacy CLI to find any issues 5. Cursor will fix the issues and call the MCP server again 6. When the code passes all checks, you are done Level of effort on your side: literally zero! Code quality and security because of this: 100x better! Codacy has been doing this for a long, long time, and their Guardrails MCP Server checks for a lot of potential issues: • Security issues • Quality standards • Pattern violations • Linting issues You can see more information about the extension here: I recorded a quick video to show you how it works. Thanks to the Codacy team for helping me set up everything, answering my 1,000 questions, and collaborating with me on this post.

Santiago

63,316 views • 1 year ago

Couldn't agree more with Linus here. Making your code running as fast as possible (or just faster than someone's else code) is the best feeling you can get from programming The issue that it is extremely hard to find the project that will pay you for instruction level efficiency

Couldn't agree more with Linus here. Making your code running as fast as possible (or just faster than someone's else code) is the best feeling you can get from programming The issue that it is extremely hard to find the project that will pay you for instruction level efficiency

Dmitriy Kovalenko

416,855 views • 1 year ago

You will not need to perform a manual scan anymore. This tool will save you a lot of time. I hope that everyone who tries the tool will share with me if it works or not or if there are any errors.

You will not need to perform a manual scan anymore. This tool will save you a lot of time. I hope that everyone who tries the tool will share with me if it works or not or if there are any errors.

./Mr-Dark

85,084 views • 2 years ago

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

Matt

77,902 views • 6 months ago

Introducing Bifrost, a tool that uses AI to turn anything from Figma into clean React code automatically. How it works: - Generates usable code for anything in Figma - Drops the code directly into your code editor - Learns how to structure code just like yours 1/4

Introducing Bifrost, a tool that uses AI to turn anything from Figma into clean React code automatically. How it works: - Generates usable code for anything in Figma - Drops the code directly into your code editor - Learns how to structure code just like yours 1/4

kartik

756,249 views • 3 years ago

We're cooking a huge update for shadcndesign. 1. We'll bring the shadcn create feature into our plugin. It will allow you to quickly set up the theme for your Figma kit. 2. 5 icon libraries support in 1 Figma kit. Icon libraries that are available in shadcn/create will be available in our Figma kit. 3. Our plugin will be able to generate shadcn/ui code that will support the icon library you use. More details soon.

We're cooking a huge update for shadcndesign. 1. We'll bring the shadcn create feature into our plugin. It will allow you to quickly set up the theme for your Figma kit. 2. 5 icon libraries support in 1 Figma kit. Icon libraries that are available in shadcn/create will be available in our Figma kit. 3. Our plugin will be able to generate shadcn/ui code that will support the icon library you use. More details soon.

Matt

57,064 views • 7 months ago

Your Ledger signer does more than secure your crypto. It now secures your entire digital life 🔐 With Ledger Security Key, your Ledger signer becomes a robust security tool for websites that support passkeys, two-factor, or multi-factor authentication, like Google, Binance, and X. Check out how to set this up using our tutorial 👇

Your Ledger signer does more than secure your crypto. It now secures your entire digital life 🔐 With Ledger Security Key, your Ledger signer becomes a robust security tool for websites that support passkeys, two-factor, or multi-factor authentication, like Google, Binance, and X. Check out how to set this up using our tutorial 👇

Ledger

25,652 views • 2 months ago

Clidey (Clidey) is building Docucod, a tool that updates your docs automatically by tracking code changes and PRs, building guides, API docs, and diagrams—so your team can spend more time building. Congrats on the launch, Anguel and hemangkandwal!

Clidey (Clidey) is building Docucod, a tool that updates your docs automatically by tracking code changes and PRs, building guides, API docs, and diagrams—so your team can spend more time building. Congrats on the launch, Anguel and hemangkandwal!

Y Combinator

21,166 views • 1 year ago

Day 1/6 of CodeGuide 2.0 🧡 Introducing Codie - AI Agent that can help you Code on any AI Coding tool Just Screen Share and Ask for Realtime help: - Setting up Project Files - Debugging Errors - Deployment etc In this Demo I used CodeGuide x StackBlitz to show you how it works You can also use Codie with: - Cursor AI - Windsurf - Lovable - Replit - v0 Enjoy.

Day 1/6 of CodeGuide 2.0 🧡 Introducing Codie - AI Agent that can help you Code on any AI Coding tool Just Screen Share and Ask for Realtime help: - Setting up Project Files - Debugging Errors - Deployment etc In this Demo I used CodeGuide x StackBlitz to show you how it works You can also use Codie with: - Cursor AI - Windsurf - Lovable - Replit - v0 Enjoy.

CJ Zafir

23,200 views • 1 year ago

7/ Set Up and Launch Your Bot ➢ Ask GPT to combine all the samples into one file and run your bot ⤵️ ➢ If case of any errors, just ask GPT to resolve them, and you'll promptly receive an updated version of the code.

7/ Set Up and Launch Your Bot ➢ Ask GPT to combine all the samples into one file and run your bot ⤵️ ➢ If case of any errors, just ask GPT to resolve them, and you'll promptly receive an updated version of the code.

0xNobler

17,919 views • 1 year ago

Your coding agent keeps asking for clarification. Or gives you generic code that doesn't fit your project. The problem? Your prompts are too vague. Here's how to be more specific 🧵

Your coding agent keeps asking for clarification. Or gives you generic code that doesn't fit your project. The problem? Your prompts are too vague. Here's how to be more specific 🧵

Cline

10,467 views • 11 months ago

Introducing Context7 – stop Cursor, Claude or any LLM from generating broken, outdated code. Feed your AI: ◆ Always up-to-date documentation ◆ Real code examples from official docs so it writes code that actually works. Perfect for Next.js, React, Tailwind & more 👇

Introducing Context7 – stop Cursor, Claude or any LLM from generating broken, outdated code. Feed your AI: ◆ Always up-to-date documentation ◆ Real code examples from official docs so it writes code that actually works. Perfect for Next.js, React, Tailwind & more 👇

Upstash

80,827 views • 1 year ago

built a small CLI tool that moves your AI coding session context between Claude Code, Gemini, Copilot, Codex and OpenCode when you hit rate limits. no more re-explaining what you were doing, or painful copy/paste from terminal that lose tool-call context. just `npx continues`

built a small CLI tool that moves your AI coding session context between Claude Code, Gemini, Copilot, Codex and OpenCode when you hit rate limits. no more re-explaining what you were doing, or painful copy/paste from terminal that lose tool-call context. just `npx continues`

Yigit Konur

213,857 views • 6 months ago

I wouldn’t show up to the office on Monday or heck, all next week just to be safe. If not that, that office building is definitely gonna be set on fire.

I wouldn’t show up to the office on Monday or heck, all next week just to be safe. If not that, that office building is definitely gonna be set on fire.

Roy Drones Jr

752,289 views • 8 months ago