{"repo":"unocss-community/unocss-preset-shadcn","free":true,"listed":false,"github":"https://github.com/unocss-community/unocss-preset-shadcn","clone":"git clone https://github.com/unocss-community/unocss-preset-shadcn.git","description":"Use shadcn ui with UnoCSS","language":"TypeScript","stars":394,"topics":["shadcn-ui","unocss","unocss-preset","shadcn-vue","shadcn-svelte","solidui","unocss-community"],"license":"MIT","category":"ui-components","readme_excerpt":"unocss-preset-shadcn [![npm version][npm-version-src]][npm-version-href] [![npm downloads][npm-downloads-src]][npm-downloads-href] [![bundle][bundle-src]][bundle-href] [![JSDocs][jsdocs-src]][jsdocs-href] [![License][license-src]][license-href] Use shadcn/ui or shadcn-vue or shadcn-svelte or SolidUI with UnoCSS. 1. Based on fisand/unocss-preset-shadcn 1. Theme can be easily customized Usage 🌈 Starting from v1.0, unocss-preset-shadcn supports presetWind4 v4 by default. If you are using presetWind3, you can import the legacy preset from unocss-preset-shadcn/v3 Follow the official guide to set up shadcn/ui, shadcn-vue, or shadcn-svelte, or SolidUI. Replace the step to set up Tailwind CSS with UnoCSS. Install the Tailwind Browser Style Reset. Then install unocss-preset-shadcn and unocss-preset-animations , and update your unocss.config.ts : [!IMPORTANT] Do not run npx shadcn-ui@latest init or npx shadcn-vue@latest init or npx shadcn-svelte@latest init or npx solidui-cli@latest init to initialize your project. 1. ni lucide-react class-variance-authority clsx tailwind-merge - ni lucide-vue-next radix-vue class-variance-authority clsx tailwind-merge for shadcn-vue. - ni lucide-svelte tailwind-variants clsx tailwind-merge for shadcn-svelte. - ni tailwindcss-animate class-variance-authority clsx tailwind-merge for SolidUI. 1. copy utils.ts into your project at src/lib 1. create components.json or ui.config.json (for SolidUI) in your project root and modify as needed 1. npx shadcn-ui@","default_branch":null,"files":null,"tree":[],"storefront":"/r/unocss-community","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/unocss-community/unocss-preset-shadcn/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}