Taillow

A collection of random components made with TailwindCSS v2.

Features

• 30+ component snippets
• Made with pure TailwindCSS
• Responsive
• Export as HTML
• Inline SVG Fontawesome icons
• Themes based off the Tailwind color palette

Made using:

• Vue 3
• Vuex 4
• TailwindCSS 2
• TypeScript

Configuration

The majority of components will work with a default TailwindCSS configuration. There are only a few items you need to add to your tailwind.config.js file to ensure full compatibility.

Plugins

First install the plugins

yarn add @tailwindcss/aspect-ratio @tailwindcss/forms

Then add the plugins to your config file

  plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/aspect-ratio'),
  ],

Variants

  variants: {
    extend: {
      translate: ['group-hover'],
    },
  },

Running the app

Install packages

yarn

Then to run the app locally

yarn serve