Medusa UI

Build consistent user interfaces for e-commerce applications with a React-based design system. Access components, hooks, icons, and utilities.

Medusa UI offers a React-based implementation of the Medusa design system, providing a comprehensive toolkit for developers. It includes a collection of components, hooks, utility functions, icons, and classes designed to help you build consistent user interfaces for Medusa Admin and other Medusa applications.

The system is modular, with its core functionalities distributed across several NPM packages:

@medusajs/ui: Contains the React components, hooks, and utility functions.
@medusajs/ui-preset: Provides a Tailwind CSS preset with all necessary classes.
@medusajs/icons: Offers a dedicated set of icons for your projects.

Medusa UI emphasizes simplicity and composability, mirroring Medusa's foundational principles. This approach allows for flexibility in building custom interfaces without an overloaded component API, instead leveraging the native HTML API for underlying elements. It provides the primitives needed to construct polished and effective e-commerce experiences.

Categories:

Company Figma React Tailwind CSS

Share:

Advertise with us

Reach our audience of product designers and boost your sales.

Advertise

Featured tools:

Untitled UI React

Untitled UI

Similar to Medusa UI:

Float UI

Ship faster with free, responsive Tailwind UI components.

ReactTailwind CSS+1 more

Get free, open-source, and responsive UI components and website templates built with Tailwind CSS. Works with React, Vue, Svelte, and plain HTML for faster development.

Evergreen

Craft ambitious web products with flexible React components.

CompanyFigma+1 more

Build ambitious web products with a React UI framework offering polished, composable components and an enterprise-grade design language for efficient development.

Elastic UI

Build powerful, accessible UIs with flexible components.