Documentation
A comprehensive guide to Morph UI components and usage.
About Morph UI
Morph UI is a modern, accessible, and customizable component library built with React, Next.js, and Tailwind CSS. It provides a collection of beautifully designed, reusable components that help you build stunning user interfaces quickly and efficiently.
Features
- Built with React 19 and Next.js 16 for optimal performance
- Fully typed with TypeScript for better developer experience
- Styled with Tailwind CSS for easy customization
- Dark mode support with next-themes integration
- Accessible components following best practices
- Responsive design that works on all devices
- Motion animations powered by Framer Motion
Available Components
Explore our growing collection of components including Buttons, Inputs, Cards, Modals, Dropdowns, Tooltips, Badges, Tabs, Pagination, Toast notifications, and more. Each component is designed with flexibility and ease of use in mind.
Getting Started
Navigate through the sidebar to explore individual component documentation. Each component page includes live examples, code snippets, and usage guidelines to help you integrate them into your projects seamlessly.
Technology Stack
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- class-variance-authority
- next-themes
- Radix UI
- Lucide Icons
- Framer Motion
- Zustand