Pines

A beautiful UI library for Alpine and Tailwind

5.0•8 reviews•

803 followers

A beautiful UI library for Alpine and Tailwind

5.0•8 reviews•

803 followers

Visit website

Interface design tools

•

Design resources

•

UI frameworks

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.

Free

Launch tags:Design Tools•Developer Tools

Launch Team

Framer — Launch websites with enterprise needs at startup speeds.

Launch websites with enterprise needs at startup speeds.

Promoted

DevDojo

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

Report

2yr ago

Invoice generator

@tony_lea4 finally! Great product Tony!

Report

2yr ago

BuzzBonus

@tonylea really love the animations!

Report

2yr ago

💡 Bright idea

This looks great! Congratulations on the launch. You need to add a license to the repository without which most companies will not be able to use it.

Report

2yr ago

DevDojo

Maker

@manu_j Hey Manu, absolutely 👍 I’ll be putting that together today 😊 Thanks for letting me know.

Report

2yr ago

DiffSense

Never heard of alpine. Is it for this alpine: https://alpinejs.dev ?

Report

2yr ago

DevDojo

Maker

@sentry_co Yep, it's pretty great. Been working with Alpine for a few years now. Thanks for the comment 😊

Report

2yr ago

Hovercode

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

Report

2yr ago

DevDojo

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 😎

Report

2yr ago

eGov

As a Tailwind user and newbie to Alpine, this makes me want to test everything in the playground! I'm curious, will you add dark or light modes to the components?

Report

2yr ago

Tailkits

Most premium Tailwind UI libraries don’t come with built-in Alpine functions. This free UI library does 😎 I will definitely use it on my projects 🧑‍💻excellent work 🎉 @tonylea @bobbyiliev_

Report

2yr ago

DevDojo

Maker

@bobbyiliev_ @yucelfaruksahan Thanks Yucel! It was a lot of fun building this project and we learned so much more about Alpine that will definitely come in handy for future iterations. Appreciate the feedback and comment 🕺 Hope you have a great day!

Report

2yr ago

Yes! Been hoping for Alpine to be included in Tailwind's own component library. Definitely checking this out and seeing how to integrate with Livewire.

Report

2yr ago

1 2 3

•••

5.0

Based on 8 reviews

Review Pines?

Pines is highly praised for its seamless integration with Tailwind CSS and Alpine.js, offering a modern and customizable UI/UX experience. Users appreciate its simplicity and efficiency, noting it as a refreshing alternative to the abundance of React components. The library's documentation is highlighted as a valuable resource, aiding in the understanding and implementation of its components. Feedback from the makers of

BrainGate.io

emphasizes its compatibility with dashboards and landing pages, further underscoring its versatility and appeal.

Summarized with AI

Pros

Cons

Reviews

Most Informative

Pines

A beautiful UI library for Alpine and Tailwind

A beautiful UI library for Alpine and Tailwind

What's great

What's great

What needs improvement

What's great

What's great

What needs improvement