Pines

A beautiful UI library for Alpine and Tailwind

4.9•17 reviews•

804 followers

Visit website
•
•
Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copy and pasted into any Alpine and Tailwind projects.
Pines gallery image
Pines gallery image
Pines gallery image
Pines gallery image
Pines gallery image
Pines gallery image
Pines gallery image
Pines gallery image
Free
Launch tags:
Design Tools•Developer Tools
Launch Team

What do you think? …

Tony Lea
Maker
📌
Howdy Fellow Hunters 👋 I'm happy to announce Pines 🎉 An Alpine and Tailwind UI Library. This library will make it easy to add some great looking elements to your projects. The library consists of many copy and paste elements such as accordions, banners, context menus, modals, slide-overs, tooltips, and much more. It integrates seemlessly with Tailwind CSS and Alpine.js, so you get the best of both worlds: the simplicity and versatility of utility-first CSS and the lightweight, flexible nature of Alpine.js. Here's why Pines might be the perfect fit for your next project: 🚀 Quick to Implement: All components are ready to use. Simply copy and paste into your project and you're good to go. 📦 Fully Customizable: Every component is built using Tailwind, which means that you can update the look and feel of every element. ⚡️ Lightweight & Efficient: The library is built on top of Alpine.js and Tailwind without the need for any third-party libraries. 📖 Well Documented: Each element includes a comprehensive explanation of all the data attriutes and how they are used to create functionality for each component. 🔧 Active Development: Pines will be actively maintained. We’ll also be working on a way to extract all these components to make them easier to implement and upgrade to future versions. To get started with Pines, visit the homepage (https://devdojo.com/pines), or visit the GitHub repository (https://github.com/thedevdojo/pines) and give us a star 🤩 We're excited to see what you build with Pines! Feel free to share your work and any feedback or suggestions you have. Happy hunting! 🎉
Csaba Kissi
@tony_lea4 finally! Great product Tony!
@tonylea really love the animations!
Al Llamas
Congratulations on the launch of Pines! I am incredibly impressed by the library of animations, sliders, tooltips, accordions, modals, and more that you have put together. It's clear that you put a lot of thought and effort into creating a versatile and user-friendly set of UI elements that will undoubtedly come in handy for any Alpine and Tailwind projects. I look forward to seeing what else you have in store for the future!
Tony Lea
Maker
@al_llamas Thanks man! Really appreciate the feedback. If there are any questions you have, please feel free to ask. Thanks again. Excited to get this project released. It was a lot of fun to create 😁
Carmil
@al_llamas Thank you for sharing your positive feedback about the launch of Pines! I couldn't agree more that the library of animations, sliders, tooltips, accordions, modals, and more is truly impressive. The hard work and dedication that into creating such a versatile and user-friendly set of UI elements is evident. I have no doubt that these elements will prove to be incredibly useful for anyone working on Alpine and Tailwind projects. It will be exciting to see what else the team behind Pines has in store for the future!
Aliza Cuevas
@al_llamas Pines is an absolute gem that deserves all the upvotes and it can get on ProductHunt.
Al Llamas
@tonylea I can't wait to see more of what your team can do. 🔥
Ramy
This is awesome! I was looking for a buy/pricing button. Is it free? I'd totally pay for this if the price was reasonable
Tony Lea
Maker
@ramykhuffash Hey Ramy 👋 Yep, the UI library is free and open source. We do have some marketing templates that at the bottom left that are available as a Pro subscriber 😊 If you want to support this project, you may want to consider upgrading your account to gain access to those premium designs ✌️ Thanks a ton for your support and for the comment. I really excited about the feedback I’m getting so far 😎