Pagedone UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
[](https://opensource.org/licenses/MIT)
# Getting Started
## [Quick Setup](https://pagedone.io/docs/installation)
This guide will help you get started with Pagedone UI, including how to run, customize, update, and integrate your project!
First, you need to make sure that you have a working [Tailwind CSS](https://tailwindcss.com/) project installed and that you also have [Node](https://nodejs.org/en/) and [NPM](https://www.npmjs.com/)
## Require via NPM
1) Install Pagedone as a dependency using NPM by running the following command:
```bash
npm install pagedone
```
1.1) Install Pagedone latest version using following command:
```bash
npm install pagedone@next
```
2) Require the CSS that powers the styles of elements inside the tag
```bash
```
2.1) Require CSS for latest version using following command:
```bash
```
3) Require the JavaScript code that powers the interactive elements before the end of your tag
```bash
```
## Documentation
For full documentation of the Pagedone options, visit [pagedone.io](https://pagedone.io/). The site also contains information on the wide variety of plugins that are available for TailwindCSS projects.
## Community
For help, discussion about best practices, or any other conversation that would benefit from being searchable use GitHub Discussions
## License
Pagedone UI is Open Source project and licensed under MIT.
Pagedone UI Figma is free for both commercial and personal projects, learn more [here](https://pagedone.io/license).
All brand icons are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by Pagedone UI, nor vice versa.
## A product of Mythics Design
Pagedone UI is built and maintend by [Mythics Design](https://mythicsdesign.com/) team. Over the last decade at Mythics Design, our journey has involved crafting UI Components and Templates. This process has allowed us to understand and explore a range of strategies for developing versatile UI designs that can adapt to a variety of needs.
Share your thoughts about Pagedone on [Twitter](https://twitter.com/pagedone).