This VSCode extension enables you to install shadcn/solid components directly from your IDE ✨.
MIT License
This VSCode extension enables you to install shadcn/solid components directly from your IDE ✨.
Easily import and use shadcn-solid components with ease using snippets within VSCode. Just type cn
or shadcn
in your solid file and choose from an array of components to use.
Snippet | Description |
---|---|
cn-help |
How to use shadcn/solid snippets |
cni-[component] |
Adds imports for the component |
cnx-[component] |
Adds the markup for the component |
For Alert
component, type cni-alert
to add imports in your Solid file, and to use the component, use cnx-alert
.
Similarly, for any other component, use
cni-[component]
to add imports andcnx-[component]
to use.
// cni-alert
import { Alert, AlertDescription, AlertTitle } from "~/components/ui/alert"
// cnx-alert
<Alert>
<AlertTitle>Heads up!</AlertTitle>
<AlertDescription>
You can add components and dependencies to your app using the cli.
</AlertDescription>
</Alert>
Contributions are welcome and encouraged! If you have any ideas or suggestions for new features, or if you encounter any bugs or issues, please open an issue or submit a pull request on the GitHub repository.
Developers interested in contributing should read the Code of Conduct and the Contributing Guide.
Use this link - Snippet Generation to generate snippets and add/update them to the snippets
folder that is located in the src
accordingly.
All credits go to the creators of these amazing projects: