Welcome to Evolphin UI
Our internal design system built together, for everyone at Evolphin.
Built by the team, for the team. Every contribution makes our products better.
Why Evolphin UI?
This isn't just another component library—it's our shared foundation. Every button, card, and dialog you see here is designed to make our products consistent, accessible, and beautiful.
When you use Evolphin UI, you:
- Build faster with pre-tested components
- Keep our products looking unified
- Learn industry best practices
- Contribute to something bigger than any single project
Quick Start
1. Configure Your Project
Add the Evolphin registry to your components.json:
{
"registries": {
"@evolphin": "https://evolphin-ui.vercel.app/r/{name}.json"
}
}2. Install Components
pnpm dlx shadcn@latest add @evolphin/button @evolphin/card3. Use in Your Code
import { Button } from "@/components/ui/button";
export function MyComponent() {
return <Button>Click me</Button>;
}Learning Path
New to the team or want to level up? Follow these steps:
1. Understand the Stack
Learn how Fumadocs, Next.js, and Tailwind work together
2. Explore Components
Browse 54+ ready-to-use components with examples
3. Read the Guidelines
Understand our documentation standards
4. Contribute
Learn the architecture and add your own components
How to Contribute
Every team member can contribute. Here's how:
- Found a bug? Fix it and submit a PR
- Need a new component? Build it following our patterns
- See outdated docs? Update them
- Have an idea? Open a discussion
All contributions—big or small—are valued. The best design systems are built by the people who use them.
The Team Behind This
This design system is built and maintained by developers across Evolphin. Special thanks to everyone who has contributed components, fixed bugs, improved documentation, or simply asked good questions.
Your name could be here next.