SeaGit UI Component Library
A comprehensive collection of accessible, production-ready React components built with TypeScript and Tailwind CSS. Copy, paste, and customize to build beautiful applications faster.
Why Choose SeaGit Components?
Production Ready
Battle-tested components used in real-world applications
Fully Customizable
Built with Tailwind CSS for easy styling and theming
Accessible
WCAG compliant with ARIA labels and keyboard navigation
Responsive
Mobile-first design that works on all devices
Type Safe
Full TypeScript support with strong typing
Dark Mode
Built-in dark mode support for all components
Browse Components by Category
Form Components
Input fields, validation, file uploads, and data collection
Layout & Navigation
Structural components for organizing content and navigation
Feedback & Notifications
User feedback, alerts, and status indicators
Actions & Interactions
Buttons and interactive elements
Visual & Media
Icons, avatars, and visual elements
Animation & Motion
Animation components and effects
Getting Started
All components are built with React, TypeScript, and Tailwind CSS. They are designed to be:
- Easy to integrate into any Next.js or React project
- Fully customizable through Tailwind classes
- Accessible and keyboard navigable out of the box
- Optimized for performance with minimal dependencies
- Dark mode compatible with automatic theme switching
Browse the sidebar to explore individual components, view live demos, and copy code examples directly into your project.
Built With Modern Technologies
React 18
Latest React features
TypeScript
Fully typed components
Tailwind CSS
Utility-first styling
Next.js 14
App Router ready
Ready to Build Something Amazing?
Start exploring our components and build your next project faster.