Alejandro Wurts
alwurts.com
Alejandro Wurts
@alwurts.com
Developer / Indie hacker 🇲🇽
The new build command uses a config file in your project, which the cli uses to know where your registry directory is living and where to output the result.

I've set up an example website to show you how to use the build command with a Vite and React.js setup.

simple-shadcn-cli-demo.vercel.app
simple-shadcn-cli-demo
simple-shadcn-cli-demo.vercel.app
December 30, 2024 at 9:54 PM
Check out the repo where you can see all the documentation for the new build command.

github.com/Alwurts/simp...
GitHub - Alwurts/simple-shadcn-cli
Contribute to Alwurts/simple-shadcn-cli development by creating an account on GitHub.
github.com
December 30, 2024 at 9:54 PM
A big shoutout to @shadcn.com for the inspiration. I aimed to make working with his fantastic CLI even easier. Thanks for pushing the boundaries of web development!
December 29, 2024 at 7:08 PM
Now your component can easily be shared to anyone trough the amazing @shadcn.com CLI, with the help of simple-shadcn-cli
December 29, 2024 at 7:08 PM
Once you've created your registry JSON file, sharing is easy. Just locate and access the file on your website's public directory or share it via a GitHub gist or repo as a raw file URL
December 29, 2024 at 7:08 PM
Creating a @shadcn.com CLI registry is straightforward, just add the CLI to your project or use it with npx.

The CLI will output a component-name.json file that is compatible with shadcn CLI.

Below you can see the process of creating a registry for a framer-motion animated badge component.
December 29, 2024 at 7:08 PM
Check it out here: github.com/Alwurts/simp... 🎉
GitHub - Alwurts/simple-shadcn-cli
Contribute to Alwurts/simple-shadcn-cli development by creating an account on GitHub.
github.com
December 29, 2024 at 7:08 PM
Pretty awesome stuff, I love the code hike transitions when changing slides.

Is this going to be open source
December 12, 2024 at 12:46 AM