🥳 Update: Simpler pricing with, 10 New Templates (Next.js & Astro), 50+ new Figma blocks, Figma plugin video tutorials.

Visit changelog
shadcn/studio

Search...

Search for docs, blocks, components, and more.

shadcn/studio Community Articles

Built something with shadcn/studio?
Share your resource with the community and highlight the real benefits in action.

article
October 05, 2025
Tutorial

🚀 1500+ Free Resources For Web Development 🤯🤩

Amazing collection of free to use Tailwind CSS / Shadcn UI components, templates, and libraries for your next project.

article
December 18, 2025
Tutorial

Without a doubt, the best UI Kit is ShadCN for Figma and NexJS developers.

When searching the internet today, following what permeates the ShadCN-UI library, in its link "https://ui.shadcn.com/docs/figma," I tested each of these UI Kits/Platforms/Libraries based on ShadCN-UI.

article
October 10, 2025
Tutorial

Best Shadcn UI Component Libraries 2025: 18 Pro Templates Compared

Are you tired of building UI components from scratch? Shadcn/ui has revolutionized React development, but finding the right component library or pro blocks can be overwhelming. With 18+ premium and free options available, developers need a clear comparison to make informed decisions.

article
August 22, 2025
Tutorial

Awesome Open-Source Free to use Tailwind / Shadcn CSS Components

Amazing collection of free to use Tailwind CSS / Shadcn UI components, templates, and libraries for your next project.

article
October 15, 2025
Tutorial

Shadcn UI Kit Figma for Mobile Application - Build Faster & Better

Creating a mobile app prototype in Figma is a highly efficient way to design user interfaces with collaboration and ease. In this guide, we will walk through each essential step to help you with using Shadcn UI Kit Figma for Mobile Application.

article
December 4, 2025
Tutorial

How to Build an Admin Dashboard with shadcn/ui and TanStack Start

In this guide, we'll build a feature-rich admin dashboard using shadcn/ui for beautiful, reusable components and TanStack Start for a powerful, type-safe full-stack framework.

article
December 16, 2025
Tutorial

How Does an MCP Work Under the Hood? MCP Workflow Explained

We've all faced that awkward limitation with AI: it can write code or explain complex topics in seconds, but the moment you ask it to check a local file or run a quick database query, it hits a wall. It's like having a genius assistant who is locked in an empty room—smart, but completely cut off from your actual work. This is where the Model Context Protocol (MCP) changes the game. In this article, we'll explore MCP in depth.

article
October 27, 2025
Tutorial

How to Set Up a Registry in shadcn

In this guide, you'll learn how to set up a registry in shadcn. If you're not familiar with this tool, shadcn is a collection of reusable and accessible components you can use in your projects.