iconMorph UI

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

Frontend:
  • Next.js 16
  • React 19
  • TypeScript
Styling:
  • Tailwind CSS 4
  • class-variance-authority
  • next-themes
UI Components:
  • Radix UI
  • Lucide Icons
  • Framer Motion
State Management:
  • Zustand