Let's get you setup.

Documentation

Getting started.

First steps

After obtaining the files you will have to unzip them and open with your favourite code editor.

Then follow this steps:

Open the file with your editor and go to the Head part of the file of the file you want to use:


 <head>
 <!-- This part -->
 </head>
              

Once you are there you will have to enable the Tailwind CSS CDN and enjoy the layouts. There's no need of installing nothing, because this lauyouts have been built with vainilla Tailwind CSS


 <head>
  <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
 </head>
            
Working with the layouts

Files Structure

After obtaining the files you will have to unzip them and open with your favourite code editor.

Then follow this steps:

Open the file with your editor and go to the Head part of the file of the file you want to use:


├── Unwrapped
│   ├── Navigation
│   │   ├── ( included N° of files )
│   ├── Heroes
│   │   ├── ( included N° of files )
│   ├── Features
│   │   ├── ( included N° of files )
│   ├── Grids
│   │   ├── ( included N° of files )
│   ├── Footers
│   │   ├── ( included N° of files )
│   ├── CTA's
│   │   ├── ( included N° of files )
│   ├── Testimonials
│   │   ├── ( included N° of files )
│   ├── Pricing
│   │   ├── ( included N° of files )
              

After this all you have to do is follow Tailwind CSS documentation because the layouts are not using custom classes, custom CSS nor javaScript ( only navigation is using Alpine.js )

Resources