BootWind Template (Free Tailwind Neumorphism Components)

BootWind
BootWind Template
Published in
1 min readJun 7, 2020

This is the first series of component creation in the Vue BootWind Template tutorial. This tutorial is my own initiative if there are shortcomings, please forgive me.

Before proceeding to this Vue BootWind Template tutorial, make sure you are familiar with Vue JS and Tailwind, because this tutorial is made for people who have at least understood the basics of Vue JS (vuejs.org) and Tailwindcss (tailwindcss.org).

First we will create a component using the Tailwindcss class, the components we will create will be the same as bootstrap, starting from the alert component to other components. If you don’t know Bootstrap please visit getbootstrap.com

Translated with www.DeepL.com/Translator (free version)

Ok if you are ready to proceed to project creation, I use the default vue JS webpack pwa from vue JS, you can install it using the vue cli, then create a project using vue ui, and install the Tailwindcss plugin.
After installing run the project :)

Ep 2 Component Alert Tailwind CSS

  • Ep 3 Component Badge Tailwind CSS

Ep 4 Component Button dan Breadrum Tailwind CSS — Vue BootWind Template

Ep 5 Vue BootWind Template Special Documentation

Demo :

https://bootwindt.github.io

--

--

BootWind
BootWind Template

Website Template Build with Tailwind Css and Vue Js