Modern UI
ComponentsDocumentationBlogsShowcase

Getting Started

  • Introduction
  • Installation
  • modern-ui.json
  • CLI
  • Change log

Base Components

  • Accordion
  • Alert
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Calendar
  • Card
  • Dialog
  • Drawer
  • Form
  • Input
  • Label
  • Popover
  • Radio
  • Sheet
  • Switch
  • Table
  • TextArea
  • Tooltip

Modern Components

  • Animated Gradient Text
  • Avatar Group
  • Command
  • Copy Button
  • Date Picker
  • Fancy tab
  • Fluid Dropdown
  • Number Counter
  • Rainbow Button
  • Rich Text Editor
    New
  • Slider
  • Sonner
  • Sparkles Text
  • Stepper
  • Typewriter Effect
  • Underline tab
  • VisuallyHidden

React Hooks

  • useClickAway
  • useDebounce
  • useLocalStorage
  • useMediaQuery

React Hooks

Collection of reusable React hooks to simplify common UI patterns and interactions in your application.

useLocalStorage
New

Persist and sync state with localStorage across browser tabs

useMediaQuery
New

Detect and respond to CSS media query changes

useDebounce
New

Delay updates to state until a specified time has passed

useClickAway

Detect and respond to clicks outside of a specified element

logo

Built by @thangdevalone. The source code is available on GitHub.