Shadxn

screenshot of Shadxn
tailwind
radix-ui
shadcn-ui

A CLI for adding components (extended) to your project.

Overview:

Shadxn is an experimental CLI tool that enhances development workflows by allowing the integration of components and dependencies into projects. It builds upon the foundation of the shadcn-ui CLI and introduces features like custom registry support, compatibility with various frameworks, and project initialization with default registries.

Features:

  • Custom Registry Support: Initialize and manage custom registries for personalized component management.
  • Enhanced add Command: Add components from selected registries for greater flexibility.
  • Project Initialization: Easily set up projects with default registries, ready for development.
  • Compatibility: Designed to work with various frameworks and libraries for seamless integration.

Summary:

Shadxn is a CLI tool that enhances development workflows by allowing easy integration of components and dependencies. With features like custom registry support, enhanced add command, and project initialization, Shadxn provides developers with flexibility and compatibility for seamless component management. Installation is simple, whether globally with npm, Yarn, pnpm, Bun, or using npx for immediate usage, making Shadxn a versatile tool for project development.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

radix-ui
Radix UI

Radix Primitives is a low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system, or adopt them incrementally.

shadcn-ui
Shadcn UI

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.

zod
Zod

Zod is a TypeScript-first schema declaration and validation library. It allows you to define schemas that can validate data at runtime while providing excellent TypeScript inference, making it perfect for API validation, form validation, and type-safe data handling.