---
name: "@moleculeui"
slug: "moleculeui"
description: "Molecule UI is a small open-source React component library focused on interaction-heavy, mobile-style UI patterns. Components include Accordion, Checkbox, Dialog, Discussion thread, Expandable Button, Profile Menu, Swipe Row (iOS-style swipe-to-reveal actions), Voice Input, and Warp Dialog. Loaders section covers Bouncing Dots, Morphing Square, Orbital Loader, Spinning Circle, Typewriter, and Wave Loader. Typography includes Word Rotate. Built with Tailwind CSS and Radix UI primitives; WCAG-compliant with ARIA attributes and keyboard navigation. Use for: adding swipe gestures, voice input UI, and mobile-inspired interaction patterns to a React/shadcn project where standard components feel too desktop-centric."
category: "Animated components"
tags: ["accessibility", "aesthetic", "audio", "blocks", "buttons", "charts", "design-system", "forms", "hooks", "loaders", "media", "mobile", "navigation", "overlays", "pro-available", "text-effects"]
framework: "react"
license: "MIT"
author: "molecule-lab"
website: "https://www.moleculeui.design/"
github: "https://github.com/molecule-lab/molecule-ui"
registry: "https://www.moleculeui.design/r/{name}.json"
pro: true
pro_url: "https://www.moleculeui.design/pricing"
github_stars: 36
component_count: 0
generated_at: "2026-07-28T08:00:50.948Z"
---

# @moleculeui

Molecule UI is a small open-source React component library focused on interaction-heavy, mobile-style UI patterns. Components include Accordion, Checkbox, Dialog, Discussion thread, Expandable Button, Profile Menu, Swipe Row (iOS-style swipe-to-reveal actions), Voice Input, and Warp Dialog. Loaders section covers Bouncing Dots, Morphing Square, Orbital Loader, Spinning Circle, Typewriter, and Wave Loader. Typography includes Word Rotate. Built with Tailwind CSS and Radix UI primitives; WCAG-compliant with ARIA attributes and keyboard navigation. Use for: adding swipe gestures, voice input UI, and mobile-inspired interaction patterns to a React/shadcn project where standard components feel too desktop-centric.

## Links

- Website: https://www.moleculeui.design/
- GitHub: https://github.com/molecule-lab/molecule-ui
- Registry JSON: https://www.moleculeui.design/r/{name}.json
- Directory page: https://sh4dcn.vercel.app/registry/moleculeui
- This file: https://sh4dcn.vercel.app/md/moleculeui.md
- Pro / pricing: https://www.moleculeui.design/pricing

## Install

```sh
# clone the source repo
git clone https://github.com/molecule-lab/molecule-ui.git
# fetch the raw registry index
curl -s https://www.moleculeui.design/r/{name}.json
```

## Components (0)

_No public registry index resolved for this library._

## For AI agents

```text
You are adding components from @moleculeui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/moleculeui.md) for the component list.
2. Fetch the machine-readable index: https://www.moleculeui.design/r/{name}.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: moleculeui).
```