Docs

Introduction

Shaddy UI is a modern, responsive, and accessible component library that helps you build beautiful and functional websites quickly. Works with your favorite frameworks and AI models. Open Source. Open Code.

This is not a component library. It is a sketch book full of different shades of UI.

You know sometimes it's not about animation or anything fancy. You just need some cool & good looking UI for your project but you don't want to spend hours on it. Shaddy UI is here to help you. It's a sketch book full of different shades of UI.

Installation

Install Shaddy UI using your preferred package manager with the shadcn/ui cli command.
You need to initialize the project with shadcn/ui first. Then you need to run the command or copy paste the code.

Shaddy UI is proudly built on the top of shadcn/ui, which must be installed as a prerequisite.

We don't build the components. We just use the components from shadcn/ui to make them look beautiful.

Open Code

Shaddy UI is yet to be open source. But Shaddy UI hands you the actual component code. You have full control to customize and extend the components to your needs. This means:

• Full Transparency: You see exactly how each component is built.
• Easy Customization: Modify any part of a component to fit your design and functionality requirements.
• AI Integration: Access to the code makes it straightforward for LLMs to read, understand, and even improve your components.

Artificial Intelligence

The design of shadcn/ui makes it easy for AI tools to work with your code. Its open code and consistent API allow AI models to read, understand, and even generate new components.

An AI model can learn how your components work and suggest improvements or even create new components that integrate with your existing design.

You can click on the button on the right top corner of the component to open it in v0 by Vercel. You can modify the code using AI and use it as a starting point for your own design.