Installation

You can use the CLI directly with npx (Recommended):

npx @anuragcodes/shadyx add <component-json-url>

Or install it globally to use the shadyx command anywhere:

npm install -g @anuragcodes/shadyx

Available Components & Commands

Here are some of the available components from the Shadyx UI registry. You can easily install them by running the following commands:

Card Stack

npx @anuragcodes/shadyx add https://shadyxui.in/r/cardstack.json

Accordion

npx @anuragcodes/shadyx add https://shadyxui.in/r/accordian.json

404 Not Found Page

npx @anuragcodes/shadyx add https://shadyxui.in/r/not-found.json

Note: Explore more components and their configurations at shadyxui.in.

How it Works

When you run the add command, the CLI performs several automated steps to seamlessly integrate the component into your codebase:

sequenceDiagram
    participant User
    participant CLI as Shadyx CLI
    participant Registry as shadyxui.in
    participant Project as Your Project

    User->>CLI: npx @anuragcodes/shadyx add <URL>
    CLI->>Registry: Fetch component JSON definition
    Registry-->>CLI: Return JSON (dependencies, code, files)
    CLI->>Project: Install required npm dependencies
    CLI->>Project: Write component source files (e.g. to /components/ui)
    CLI-->>User: Installation Complete !! 🎉

Features

• Zero Configuration: Works out of the box. Just pass the URL.
• Dependency Management: Automatically detects and installs required dependencies (e.g., framer-motion, tailwind-merge, @radix-ui/react-*).
• Direct Source Integration: Places the actual React/Next.js source code into your project so you have full control to customize and tweak the UI.

License

MIT © Anurag Rakesh Singh