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.
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! 🎉
