Open-source library of UI components made with React and TailwindCSS. Checkout Mintlify.com to see the components in action.
Mintlify uses Mintlify Components in customers' docs. We encourage you to use them elsewhere on your site!
The project is designed for use with static side rendering where we don't have access to document or window. Thus, our webpack config has to use mini-css-extract-plugin instead of style-loader.
npm install @mintlify/components
Add the following at the start of your main.css file:
@import '@mintlify/components';
Import components like so:
import { Accordion, Card } from "@mintlify/components"
Storybook has interactive demos.
The repo wiki explains how to use the components and contribute to the repo.
Go to Mintlify.com for how to use the components in Mintlify's documentation platform.
The first version of this library only included documentation components. In the long run, Mintlify will include layout components you could use to build an entire site.
Join our Discord community if you have questions or just want to chat:
Built with 💚 by the Mintlify team.