{"repo":"nrjdalal/shadcn-ui-snippets","free":true,"listed":false,"github":"https://github.com/nrjdalal/shadcn-ui-snippets","clone":"git clone https://github.com/nrjdalal/shadcn-ui-snippets.git","description":"Simply import and use shadcn-ui components in your project","language":"TypeScript","stars":117,"topics":["radix","radix-ui","shadcn","shadcn-ui","vscode","vscode-extension"],"license":"MIT","category":"ui-components","readme_excerpt":"shadcn-ui-next - Raise your karma, even beginners - How to contribute? - Checkout more amazing projects at nrjdalal / nrjdalal.com What is this? Install the extension given below and easily import and use shadcn-ui components with ease using snippets within VSCode. Just type cn or shadcn in you jsx/tsx file and you will get a list of all the components to choose from. https://marketplace.visualstudio.com/items?itemName=nrjdalal.shadcn-ui-next How it works Snippet Description ----------------- -------------------------------------- cn-help How to use shadcn/ui snippets cni-[component] Adds imports for the component cnx-[component] Adds jsx/tsx for the component cnp-[component] Adds page based components like 'form' How to use? 1. Components For Alert component, type cni-alert to add imports in your jsx/tsx file, and to use the component, use cnx-alert . Similarly, for any other component, use cni-[component] to add imports and cnx-[component] to use. 2. Page based components Some compenents are page specific and can be imported using cnp-[component] , modular parts to be added later. To be added later Some components require useState, etc to also be used, so they will be added later. - Calendar - Combobox - Data Table - Date Picker - Toast How to contribute? e.g. for Alert component 1. add alert.md file in src/components folder 2. add imports, default and variants (e.g. destructive) as shown below 3. do not forget to seperate each snippet with --- 4. run bun run generate to ge","default_branch":null,"files":null,"tree":[],"storefront":"/r/nrjdalal","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/nrjdalal/shadcn-ui-snippets/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."}