✨ Features

• 🎨 Beautiful Design - Carefully crafted components with attention to detail
• ♿ Accessible - Built on Ark UI for superior accessibility standards
• 🔧 Framework Agnostic - Supports React and SolidJS (with more coming)
• 📦 Copy-Paste Philosophy - Own your code, customize freely
• 📱 Responsive - Mobile-first design approach
• 🎯 TypeScript - Full type safety out of the box
• 🎨 Tailwind CSS v4 - Modern utility-first styling

🎯 Supported Frameworks

Ocean UI currently supports the following frameworks with official integration guides:

Next.js	SolidJS
Next.js integration	SolidJS integration

🚀 Quick Start

Visit our documentation site to browse components and copy code directly into your project.

Each component is:

• ✅ Production-ready
• ✅ Fully accessible
• ✅ TypeScript typed
• ✅ Customizable via props and className
• ✅ Framework compatible

📚 Documentation

Browse all available components, view live demos, and copy code directly from our documentation:

→ View Documentation

🗺️ Component Roadmap

Track our progress and see what's coming next! We're building a comprehensive set of ARK UI components, organized by category and prioritized for fast shipping.

→ View Roadmap

Current Status:

• ✅ 1 component completed (Accordion)
• 🚧 34 components planned across 6 development phases
• 🎯 Focus on high-usage, low-complexity components first

🛠️ Development

Prerequisites

• Node.js 18+
• pnpm (recommended) or npm
• TypeScript 5+

Setup

# Install dependencies
pnpm install

# Build all packages
pnpm build

# Run development server
pnpm --filter @ocean-ui/website dev

For detailed development guidelines, see CONTRIBUTING.md.

🤝 Contributing

We welcome contributions! Whether it's adding new components, improving existing ones, or fixing bugs, your help makes Ocean UI better for everyone.

See CONTRIBUTING.md for detailed guidelines.

🙏 Built With

Ocean UI is built on top of amazing open-source projects:

• Ark UI - Headless UI components
• Zag.js - State machine primitives
• Tailwind CSS - Utility-first CSS framework

📄 License

See the LICENSE file for details.