Tails 🌪️ - Beautify open-source TailwindCSS Components

With Hacktoberfest just around the corner, here is a nice open-source TailwindCSS project which you might want to contribute to! ❤️

Tails is a (no-config) copy'n paste library of templates and components hand-crafted using TailwindCSS.

Feel free to contribute on GitHub 💚

thedevdojo / tails

This is the Tails composer package for Laravel. Easily fetch designs in your Laravel application that you design inside of the Tails Site/Page Builder.

Tails Laravel Package

Name: Tails 🌪️ - Beautify open-source TailwindCSS Components
Rating: 4.3 (8826 reviews)
Author: bobbyiliev

This package will allow you to easily fetch designs that you have created in the Tails page builder. Follow the steps below to learn how to install, configure, and use this package.

1. Install The Package

You can install the package via composer:

composer require devdojo/tails

2. Publish the Config

Run the following command to publish the Tails config:

php artisan vendor:publish --tag=tails

3. Get Your API Key

Visit https://devdojo.com/tails/app and click the Developer API Key button from the menu.

When you click this button it will open up a modal window that looks like the following:

Simply, click the Generate My API Key button and you'll be presented with your new API Key.

If you ever need to re-generate your key, you can click the Re-generate My API Key button and it will be refreshed.

5. Add API key to `.env`

You will need to add…

View on GitHub

NOTE: All Tails components are free, and always will be!

Make sure to also check the premium version of Tails here:

TailwindCSS Page Creator

And check out the promo video here:

Usage 🔥

It's pretty simple to use any of these components or templates in your project. Any component you wish to use can be copied and pasted into your own project. Visit the Components page to view the components and view the source code. Additionally, you can view the Templates and simply copy and paste these templates into your own project.

Features ✨

❤️ Responsive: Crafted with minimalistic UI design

❤️ Live preview

❤️ Tailwind CSS PlayGround

Built with 🔧

HTML - For the web framework
Tailwind CSS - For styling components
Alpine JS - To add to the JavaScript magic

Contributing ❤️

If you are contributing, please read the contributing file before submitting your pull requests.

Demo 🚀

Tailwind CSS Playground

If you want a heads up on my next projects, or just want to chat about the web, make sure to follow me @bobbyiliev_ 💙.

Happy Coding ❤︎

For more information about DevDojo and Hacktoberfest make sure to visit this page here.

Any feedback is appreciated ✨