Introduction
Skeci UI is a React component library built with RoughJS and Tailwind CSS. It’s designed for developers who want to break away from the “perfect” pixel-aligned web and add a bit of human touch to their interfaces.
Features
Section titled “Features”- RoughJS Rendering: Every border is uniquely “imperfect” and sketched on the fly.
- Virgil Font: Pre-configured with the iconic handwritten font for a whiteboard aesthetic.
- Modern React: Built with React 19 and full TypeScript support.
- Shadcn-like DX: Components are templates that you own and can customize.
Why Handwritten?
Section titled “Why Handwritten?”In a world of overly polished SaaS dashboards, sometimes a sketchy, organic feel makes your app stand out. It’s perfect for:
- Note-taking apps
- Brainstorming tools
- Personal blogs
- Creative portfolios
- Educational tools
A Quick Taste
Section titled “A Quick Taste”Here is what a standard Card looks like:
Sketchy Card
This border was drawn by a computer trying to be human.