{"id":28089392,"url":"https://github.com/themeselection/shadcn-studio","last_synced_at":"2025-10-10T06:13:11.021Z","repository":{"id":289876344,"uuid":"970019043","full_name":"themeselection/shadcn-studio","owner":"themeselection","description":"An open-source collection of copy-and-paste shadcn components, blocks, and templates - paired with a powerful theme generator to craft, customize, and ship faster.","archived":false,"fork":false,"pushed_at":"2025-06-27T14:12:17.000Z","size":1242,"stargazers_count":265,"open_issues_count":2,"forks_count":19,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-06-27T15:30:15.516Z","etag":null,"topics":["component","components-library","css","html","javascript","shadcn","shadcn-admin","shadcn-components","shadcn-template","shadcn-theme","shadcn-ui","shadcnblocks","shadcnui","tailwindcss","typescript","uikit"],"latest_commit_sha":null,"homepage":"https://shadcnstudio.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/themeselection.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-04-21T10:23:13.000Z","updated_at":"2025-06-27T14:11:29.000Z","dependencies_parsed_at":"2025-04-25T14:49:13.853Z","dependency_job_id":"04863e27-83bd-4ba8-9936-2ae5f8e6cd43","html_url":"https://github.com/themeselection/shadcn-studio","commit_stats":null,"previous_names":["themeselection/shadcn-studio"],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/themeselection/shadcn-studio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/themeselection%2Fshadcn-studio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/themeselection%2Fshadcn-studio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/themeselection%2Fshadcn-studio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/themeselection%2Fshadcn-studio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/themeselection","download_url":"https://codeload.github.com/themeselection/shadcn-studio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/themeselection%2Fshadcn-studio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279002965,"owners_count":26083487,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-10T02:00:06.843Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["component","components-library","css","html","javascript","shadcn","shadcn-admin","shadcn-components","shadcn-template","shadcn-theme","shadcn-ui","shadcnblocks","shadcnui","tailwindcss","typescript","uikit"],"created_at":"2025-05-13T12:57:46.475Z","updated_at":"2025-10-10T06:13:11.015Z","avatar_url":"https://github.com/themeselection.png","language":"TypeScript","readme":"\u003ca href=\"https://shadcnstudio.com\"\u003e\n  \u003cimg alt=\"shadcn/studio logo\" width=\"800\" src=\"https://cdn.shadcnstudio.com/ss-assets/smm/marketing/shadcn-studio-smm-banner.png\"\u003e\n\u003c/a\u003e\u003cbr/\u003e\u003cbr/\u003e\n\n[shadcn/studio](https://shadcnstudio.com) is an open-source collection of copy-and-paste shadcn components, blocks, and templates - paired with a powerful theme generator to craft, customize, and ship faster. 🚀\n\n\u003cp\u003e\n    \u003ca href=\"https://github.com/themeselection/shadcn-studio/blob/main/LICENSE.md\"\u003e\u003cimg src=\"https://img.shields.io/badge/license-MIT-blue\" alt=\"MIT License\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://x.com/ShadCNStudio\" target=\"_blank\"\u003e\n      \u003cimg alt=\"Twitter Follow\" src=\"https://img.shields.io/twitter/follow/ShadCNStudio\"\u003e\n   \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ca href=\"https://themeselection.com\" target=\"_blank\"\u003e\n  \u003cimg\n    src=\"https://cdn.shadcnstudio.com/ts-assets/themeselection/logo/logo.png\"\n    alt=\"themeselection logo\"\n    height=\"30\"\n  /\u003e\n\u003c/a\u003e\n\nSupported by [ThemeSelection](https://themeselection.com), with a commitment to empowering the open-source community.\n\n---\n\n## Table of Contents 📋\n\n- [Table of Contents 📋](#table-of-contents-)\n- [Overview 🌏](#overview-)\n  - [Not a standard library, but a distribution of components](#not-a-standard-library-but-a-distribution-of-components)\n- [Why should I use shadcn/studio? 💡](#why-should-i-use-shadcnstudio-)\n- [This is where shadcn/studio shines ✨](#this-is-where-shadcnstudio-shines-)\n- [Features ✨](#features-)\n- [Documentation 📚](#documentation-)\n- [Available Components 🧩](#available-components-)\n  - [Component Examples](#component-examples)\n- [Community 🤝](#community-)\n- [Credits 🤘](#credits-)\n- [License ©](#license-)\n- [Useful Links 🎁](#useful-links-)\n\n---\n\n## Overview 🌏\n\n**This isn\u0026apos;t a traditional component library or a replacement for Shadcn**. Instead, it\u0026apos;s a unique collection offers customizable variants of components, blocks, and templates. Preview, customize, and copy-paste them into your apps with ease.\n\nBuilding on the solid foundation of the Shadcn components \u0026 blocks, we\u0026apos;ve enhanced it with custom-designed components \u0026 blocks to give you a head start. This allows you to craft, customize, and ship your projects faster and more efficiently.\n\n### Not a standard library, but a distribution of components\n\nFollowing the philosophy of Shadcn, shadcn/studio isn\u0026apos;t a conventional “install-from-NPM” library. Rather, it\u0026apos;s an open-source distribution of components designed for maximum adaptability. You can copy the code, modify styles, adjust logic, or integrate it with other tools—free from the limitations of typical libraries. This \u0026quot;open code\u0026quot; model empowers you to customize with confidence and creativity.\n\n## Why should I use shadcn/studio? 💡\n\nshadcn/ui aims to provide core components with a unique distribution system, allowing developers to copy and paste reusable, customizable UI elements directly into their codebase.\n\nWhile this approach offers flexibility and control, it comes with some limitations: a lack of diverse component variants examples, limited theme customization options, and limited pre-built blocks. Additionally, its extensive customization options, though powerful, can sometimes feel overwhelming, especially for those seeking a more guided or streamlined experience.\n\n## This is where shadcn/studio shines ✨\n\nAn open-source collection of copy-and-paste shadcn components, blocks, and templates - paired with a powerful theme generator to craft, customize, and ship faster 🚀. It provides a robust toolkit for building stunning, interactive user interfaces with ease.\n\n- **Open-source:** Dive into a growing, community-driven collection of copy-and-paste components, blocks, and templates.\n- **Component \u0026 Blocks variants:** Access a diverse, collection of customizable shadcn component and block variants to quickly build and style your UI with ease.\n- **Animated variants with Motion:** Add smooth, modern animations to your components, enhancing user experiences with minimal effort.\n- **Powerful theme generator:** Tailor your UI effortlessly with real-time previews, ensuring consistent, branded designs delivered faster.\n\n## Features ✨\n\n1. **Live Theme Generator:** See your shadcn components transform instantly as you experiment with styles in real time.\n2. **Color Mastery:** Play with background, text, and border hues using a sleek color picker for a unified design.\n3. **Typography Fine-Tuning:** Perfect your text with adjustable font sizes, weights, and transformations for a polished look.\n4. **Tailwind v4 Compatibility:** Effortlessly use Tailwind v4, supporting OKLCH, HSL, RGB \u0026 HEX color formats.\n5. **Stunning Theme Starters:** Kick off with gorgeous pre-built themes and customize light or dark modes in a breeze.\n6. **Hold to Save Theme:** Preserve your custom themes with a quick hold, making them easy to reuse or share later.\n\n## Documentation 📚\n\nFor comprehensive documentation, please visit [shadcnstudio.com](https://shadcnstudio.com).\n\n## Available Components 🧩\n\nshadcn/studio provides an open-source collection of copy-and-paste Shadcn Components designed to accelerate your project development. Below is a summary of the available component categories:\n\n### Component Examples\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eAvatar\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eBadge\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eBreadcrumb\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" align=\"center\"\u003e\n      \u003ca href=\"https://shadcnstudio.com/docs/components/avatar\"\u003e\n        \u003cimg alt=\"Shadcn Avatar\" src=\"https://cdn.shadcnstudio.com/ss-assets/components-svg/components/avatar.svg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" align=\"center\"\u003e\n      \u003ca href=\"https://shadcnstudio.com/docs/components/badge\"\u003e\n        \u003cimg alt=\"Shadcn Badge\" src=\"https://cdn.shadcnstudio.com/ss-assets/components-svg/components/badge.svg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" align=\"center\"\u003e\n      \u003ca href=\"https://shadcnstudio.com/docs/components/breadcrumb\"\u003e\n        \u003cimg alt=\"Shadcn Breadcrumb\" src=\"https://cdn.shadcnstudio.com/ss-assets/components-svg/navigations/breadcrumb.svg\"\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n[Explore all components](https://shadcnstudio.com/docs/components/avatar)\n\n## Community 🤝\n\nJoin the shadcn/studio community to discuss the library, ask questions, and share your experiences:\n\n- 🐦 [Follow us on Twitter](https://x.com/ShadCNStudio)\n- 🎮 [Join us on Discord](https://discord.com/invite/kBHkY7DekX)\n\n## Credits 🤘\n\nWe are grateful for the contributions of the open-source community, particularly:\n\n- [shadcn/ui](https://ui.shadcn.com/)\n- [tweakcn](https://tweakcn.com/) (Our Theme Generator is heavily inspired by tweakcn)\n\nThese projects form the backbone of shadcn/studio, allowing us to build a powerful copy-and-paste components.\n\n## License ©\n\n- Copyright © [ThemeSelection](https://themeselection.com/)\n- Licensed under [MIT](https://github.com/themeselection/shadcn-studio/blob/main/LICENSE.md)\n- shadcn/studio is an open-source collection of copy-and-paste shadcn components, blocks, and templates - paired with a powerful theme generator to craft, customize, and ship faster.\n\n## Useful Links 🎁\n\n- [Saas Boilerplates](https://themeselection.com/item/category/saas-boilerplate)\n- [Next.js Admin Template](https://themeselection.com/item/category/next-js-admin-template/)\n- [Vue CheatSheet](https://vue-cheatsheet.themeselection.com/)\n- [Freebies](https://themeselection.com/item/category/freebies/)\n- [Free Admin Templates](https://themeselection.com/item/category/free-admin-templates/)\n- [Bootstrap 5 CheatSheet](https://bootstrap-cheatsheet.themeselection.com/)\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthemeselection%2Fshadcn-studio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthemeselection%2Fshadcn-studio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthemeselection%2Fshadcn-studio/lists"}