Skip to content

arturoalviar/taillow

Repository files navigation

Taillow hero
Taillow

Netlify Status

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