Skeci UI

A React-based component library designed to give your web applications a unique, hand-drawn aesthetic. It leverages Rough.js to create sketchy, imperfect shapes and the Virgil font for that authentic "sketched on a whiteboard" feel. It follows the shadcn/ui philosophy: copy the code into your project and customize it to your needs.

📖 Documentation

For full documentation, including installation instructions, theming guides, and interactive component previews, please visit our documentation site:

https://skeci-ui.pages.dev

✨ Features

• Rough.js Integration: Components are rendered with a wobbly, organic feel.
• Hand-drawn Typography: Pre-configured with the Virgil font for a consistent sketchy look.
• Tailwind CSS Powered: Easily customizable using the utility classes you already know.
• TypeScript First: Fully typed for a great developer experience.
• Modern React: Built with React 19.
• Shadcn-like DX: Components are templates that you own and can customize.

🚀 Getting Started

Skeci UI is designed to be used via CLI, adding components directly to your project.

1. Initialize your project

npx skeci-ui@latest init

2. Add a component

npx skeci-ui@latest add button

See the documentation for detailed installation and setup instructions.

📜 License

Licensed under the MIT License.