Installation

Pagedone UI - Tailwind CSS component library

Pagedone is a library of components built on top of the utility-classes from Tailwind CSS and it also includes a JavaScript file that makes interactive elements works, such as modals, dropdowns, and more. Learn how to get started by following this quickstart guide.

Getting started

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 project installed and that you also have Node and NPM installed on your machine.

How to install Tailwind CSS? Click here

Require via NPM

1. Install Pagedone as a dependency using NPM by running the following command:

npm install pagedone

2. Require the CSS that powers the styles of elements inside the <head> tag

<link href="../path/to/src/pagedone.css" rel="stylesheet"/>

3. Require the JavaScript code that powers the interactive elements before the end of your <body> tag

<script src="../path/to/src/pagedone.js"></script>
          

Include via CDN

The quickest way to get started working with Pagedone is to simply include the CSS and JavaScript into your project via CDN.

Require the following stylesheet inside the <head> tag:

<link href="https://cdn.jsdelivr.net/npm/pagedone@1.2.2/src/css/pagedone.css " rel="stylesheet"/>

And include the following JavaScript file before the end of the <body> element:

<script src="https://cdn.jsdelivr.net/npm/pagedone@1.2.2/src/js/pagedone.js"></script>
          

Keep in mind that for the better performance with Pagedone, it's highly recommended to use the Tailwind CSS CDN or install Tailwind CSS in your machine.