Build beautiful UIs with MynaUI

A comprehensive design system and UI kit built with TailwindCSS, shadcn/ui, and Radix UI that lets you customize and extend designs.

Get Started View Components

Trusted by 4,000+ developers

React

TailwindCSS

Figma

Built with modern technologies

React Next.js TailwindCSS shadcn/ui Radix UI

Features

A comprehensive UI kit with everything you need to build beautiful web applications.

Responsive Components

All components are fully responsive and work seamlessly across all device sizes.

Customizable Design

Easily customize colors, typography, and spacing to match your brand identity.

Optimized Performance

Built with performance in mind, ensuring fast load times and smooth interactions.

Accessibility First

All components follow WCAG guidelines ensuring your application is accessible to everyone.

Developer Friendly

Well-documented components with clean code that's easy to understand and extend.

Figma Integration

Complete Figma design system that perfectly matches the code implementation.

Complete Design System

MynaUI provides a comprehensive design system with over 40 components, ready to use in your next project.

40+ UI Components
TailwindCSS & shadcn/ui Integration
Figma Design Files
Regular Updates

Explore all components

Components

Explore our extensive library of beautifully crafted UI components.

Dialog

Elements

A modal dialog that interrupts the user with important content.

Input

Forms

Flexible input components with validation and different states.

Dropdown Menu

Elements

Displays a menu to the user with multiple options to choose from.

Tabs

Elements

Organize content into separate views where only one view is visible at a time.

Avatar

Elements

An image element representing a user with fallback initials.

Toast Message

Toast

Elements

A brief notification that appears temporarily at the edge of the screen.

View all components

Documentation

Comprehensive guides and resources to help you get started quickly.

Getting Started

Components

Resources

Installation

Get started with MynaUI by installing the package via npm, yarn, or pnpm.

npm install mynaui
# or
yarn add mynaui
# or
pnpm add mynaui

Setup with TailwindCSS

MynaUI is built on top of TailwindCSS. Make sure you have TailwindCSS installed and configured in your project.

// tailwind.config.js
module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
    './node_modules/mynaui/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {},
  },
  plugins: [require('mynaui/plugin')],
}

Using Components

Import and use components in your project. Here's an example with the Button component:

import { Button } from 'mynaui'

export default function MyComponent() {
  return (
    
  )
}

Customization

MynaUI components can be customized to match your brand. You can override default styles in your TailwindCSS configuration.

Icons

MynaUI comes with a set of icons that you can use in your project. Import and use them like any other component.

Last updated: April 16, 2025

Previous: Getting Started Next: Components

Installation

Get started with MynaUI in just a few simple steps.

Quick Start

Install the package

npm install mynaui

You can also use yarn or pnpm if you prefer.

Configure TailwindCSS

// tailwind.config.js
module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
    './node_modules/mynaui/**/*.{js,ts,jsx,tsx}',
  ],
  plugins: [require('mynaui/plugin')],
}

Import and use components

import { Button, Alert } from 'mynaui'

export default function App() {
  return (
    
      This is an alert message
      
    
  )
}

Additional Resources

import { Button } from 'mynaui'

npm install mynaui

Framework Support

React

Full support

Next.js

Full support

Vue

Coming soon

Svelte

Coming soon

"MynaUI has transformed our development workflow. The components are beautifully designed and incredibly easy to implement. Installation was a breeze."

Jane Doe

Lead Developer, TechCorp

Get started with MynaUI