thedevdojo / tails-components

The Tails Open Source Components are a (no-config) copy'n paste free collection of hand-crafted templates and components built in TailwindCSS.

💜 Tails - Open Source Components

The Tails Open Source Components are a (no-config) copy'n paste free collection of hand-crafted templates and components built in TailwindCSS.

💻 Tails - TailwindCSS Page Creator

Tails is the ultimate drag'n drop page creator built for TailwindCSS. Tails comes with over 190+ hand-crafted premium components to help you look pretty for your customers.

🔗 Links

• TailwindCSS Drag'n Drop page creator
• TailwindCSS Components
• TailwindCSS Playground
• TailwindCSS Templates

⚡ 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.

🤲 Contributing

🍿  Watch the quick 5 minute video below where you'll learn how to add a component to this repo.

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

tails-components's Issues

Add Product List Tailwind CSS Component

Hi there,

It will be great to expand this awesome collection by adding a Product List Tailwind CSS component.

Hopefully, someone might be up for the challenge 🙌

Add Pagination Tailwind CSS Component

Hi there,

It will be great to expand this awesome collection by adding a Pagination Tailwind CSS component.

Hopefully, someone might be up for the challenge 🙌

Add Alerts Tailwind CSS Component

Hi there,

It will be great to expand this awesome collection by adding an Alerts Tailwind CSS component similar to what Bootstrap offers:

https://getbootstrap.com/docs/4.5/components/alerts/

Hopefully, someone might be up for the challenge 🙌

Add Pricing Tailwind CSS Component

Hi there,

It will be great to expand this awesome collection by adding a Pricing Tailwind CSS component.

Hopefully, someone might be up for the challenge 🙌

Feature: Integration with Tailwind Play

It would be nice to let users hack components on Tailwind Play in one click (e.g. creating sharable snippets by link might be enough for the first time).

Bug: Subscription Handling

Subscription Cancellation

When a user wishes to cancel their subscription, please keep the subscription going until the end of the period for which the user has subscribed (the user paid for that period, after all).

To make the user choose between either cancelling immediately, or wait until a moment that’s closer to the renewal period effectively disables what the user paid for:

1. if they cancel immediately, they lose out on the remainder of their paid period;
2. if they wait, they risk being charged another time since it’s not clear that you will notify users with ample time prior to subscription renewal.

Help: How to delete my account?

Greetings thedevdojo, I have registered to your page, I would like you to delete my account, please

Feature: add search for the components

Is your feature request related to a problem? Please describe.

The components looks really clean and awesome ! But why isn't there a search fields to find some of them by typing let's say "dropdown".

Describe the solution you'd like

Usual algolia or even more basic search field. Example: https://tailwindcomponents.com/search?query=dropdown

Describe alternatives you've considered

Make a script to load more til the end and then make a dumb ctrl + f.

Feature: Add Checkout page Tailwind CSS Component

Describe the solution you'd like

It would be great to have a checkout component

Additional context

If needed, here are some example designs:

https://www.pinterest.com/pin/323837029456659786/

Add Registration Form Tailwind CSS Component

Hi there,

It will be great to expand this awesome collection by adding a Registration Form Tailwind CSS component.

Hopefully, someone might be up for the challenge 🙌

Question: Do I still get credits for Approved and Merged PR's on September?

There was a bit of misunderstanding when I joined for HacktoberFest and started submitting PR's last September. I basically just relied on the video guide on DevDojo and started submitting it as soon as I have registered on HacktoberFest. I missed the submission timeline should be from October 1 to 30. I think I was able to submit a total of 4 PR's that already got approved and merged. My question is do I still get credit for those 4? I did submit another 2 PR's still waiting for approval but the other one got closed due to having similar title although is basically two different version. Hope to hear from you soon. Thank you!

Feature: Better Component Organization

Is your feature request related to a problem? Please describe.

Hello! First off, I want to say I love the components and everything about it! I just find that discovering the components is a bit hard. Is it possible to implement some sort of category system such as tailwindui.com?

Describe the solution you'd like

Categorize by type such as Header, Footer, CTA, raw components (alert, buttons), etc

Describe alternatives you've considered

N/A

Additional context

https://kitwind.io/products/kometa/components
https://tailwindui.com/components

Thanks again!

Feature: Add a Feedback Form Tailwind CSS component.

Is your feature request related to a problem? Please describe.

I'd like to contribute to a Feedback Form Tailwind CSS component.

Describe the solution you'd like

A questionnaire form with choices in the form of radio buttons and possibly a text input for further suggestions.

Additional context

I wanted to know if this contribution would be a valid component before proceeding with it. I could not find an existing component with the same context so do let me know if there are any suggestions I could keep in mind before starting or if there's anything I've overlooked that would make this component invalid. Thanks!

Feature: Add Floating Menu Tailwind CSS Component

Describe the solution you'd like

It would be great to have a floating menu component

Additional context

If needed, here are some example designs:

Feature: Add User Profile Tailwind CSS Component

Describe the solution you'd like

It would be great to have a user profile page component

Additional context

If needed, here are some example designs:

https://www.pinterest.com/pin/106608716166523709/

Feature: Add Shopping Cart page Tailwind CSS Component

Describe the solution you'd like

It would be great to have a shopping cart component

Additional context

If needed, here are some example designs:

https://www.pinterest.com/pin/493003490463563155/

Feature: Add Newsletter Component

Hi there,

It will be great to expand this awesome collection by adding a Newsletter Tailwind CSS component.

Hopefully, someone might be up for the challenge 🙌

Add Contact Form Tailwind CSS Component

Hi there,

It will be great to expand this awesome collection by adding a Contact Form Tailwind CSS component.

Hopefully, someone might be up for the challenge 🙌

Add Notification Tailwind CSS Component

Hi there,

It will be great to expand this awesome collection by adding a Notification Tailwind CSS component.

Hopefully, someone might be up for the challenge 🙌

Animated Submit Button

Component: Scroll Indicators

Hey, I was thinking if you'd like help with some components?

Would like to have a page indicator for Tails? Like the one here:

• https://www.w3schools.com/howto/howto_js_scroll_indicator.asp

I can do maybe 2-3 different designs?

Let me know!

Add Login Form Tailwind CSS Component

Hi there,

It will be great to expand this awesome collection by adding a Login Form Tailwind CSS component.

Hopefully, someone might be up for the challenge 🙌

Hi @thinkverse @gustsu @crisgarlez @tnylea , I've participated in hacktoberfest. If this is accepted for hacktoberfest, Please add hacktoberfest-accepted label to it as mentioned in new guidelines by digital ocean.

Hi @thinkverse @gustsu @crisgarlez @tnylea , I've participated in hacktoberfest. If this is accepted for hacktoberfest, Please add hacktoberfest-accepted label to it as mentioned in new guidelines by digital ocean.

Originally posted by @ganapathi12 in https://github.com/thedevdojo/tails/pull/134#issuecomment-704051978

Help: Can I contribute with existed component?

Please fill out this template

I want to make a new style of card components, can I make it or it will be a duplicate?

Additional context

Bug: Clickjacking

Issue reported, content redacted.

Hover 3D Buttons

Is your feature request related to a problem? Please describe.

Describe the solution you'd like

I am going to add some 3D buttons.

Describe alternatives you've considered

Additional context

Feature: Add Product Details page Tailwind CSS Component

Describe the solution you'd like

It would be great to have a product details component

Additional context

If needed, here are some example designs:

https://www.pinterest.com/pin/500040364877595588/