Get the bundle for $69. $149     Limited Offer

Docs.

Wicked Templates

WickedTemplates is a boutique for website templates made with Tailwind CSS

Getting Started

Files Structure

We mainly use plain HTML with Tailwind classes to create stunning eye-catching templates for landing pages.

This scaffolding uses gulp to create workflows to make esier the development. These are other of the dependencies and technologies we use:

     
    ├── template-name/
    | | ├── dist/...
    | | ├── src/...
    | | | | | ├── CSS/...
    | | | | | ├── js/...
    | | | | | ├── layouts/...
    | | | | | | | | | ├── default
    | | | | | ├── partials/...
    | | | | | | | | | ├── components
    | | | | | ├── index.html
    | | ├── .posthtmlrc
    | | ├── READ.ME
    | | ├── gulpfile.js
    | | ├── imagemin.config.js
    | | ├── license
    | | ├── package-lock.json
    | | ├── package.json
    | | ├── postcss.config.js
    | | ├── tailwind.config.min.js
        
     

Setting up your project.

Now that you have the templates, if they are not built with Next.js you can integrate them if you want to.

Integration

According to Tailwind

"Installing Tailwind CSS can be a slightly different process depending on what other frameworks/tools you're using, so we've put together a bunch of guides that cover popular setups."

Choose your guide below:

Next.js

Vue 3 vite

Laravel

Nuxt.js

Create React App

Gatsby

This are the guides they have and they will put up more soon, but Tailwind CSS can be integrated with many more.