Laravel Packages

Pines: An Alpine and Tailwind UI Library

Published
Pines: An Alpine and Tailwind UI Library image

Pines UI is an Alpine and Tailwind UI Library by Tony Lea. Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copied and pasted into any Alpine and Tailwind projects:

When I checked out the documentation, I was immediately impressed with the quality and quantity of UI elements available:

  • Accordion
  • Banners
  • Copy to Clipboard
  • Date Picker
  • Dropdown Menu
  • Modal
  • Image Gallery
  • Menu Bar
  • Progress
  • Tooltips
  • And more...

Besides UI elements, Pines has a few marketing UI elements, such as headers, navigation, and hero layouts:

The neat thing about this library is that you can copy+paste any of the UI elements into any Tailwind + Alpine.js project:

To get started with Pines UI, check out the official website and documentation. The source code is available on GitHub at thedevdojo/pines.

Paul Redmond photo

Staff writer at Laravel News. Full stack web developer and author.

Sponsored

laravelcloud logo
Laravel Cloud

Easily create and manage your servers and deploy your Laravel applications in seconds.

Visit Laravel Cloud

The latest

View all →
CPX: The Composer Package Executor for PHP image

CPX: The Composer Package Executor for PHP

Read article
Laravel AI SDK Adds Human-in-the-Loop Tool Approval image

Laravel AI SDK Adds Human-in-the-Loop Tool Approval

Read article
Pest 5 Released With Test Impact Analysis, Agent Verification, and Evals image

Pest 5 Released With Test Impact Analysis, Agent Verification, and Evals

Read article
Queue-SQL: Run Mass Deletes and Updates Across Parallel Queue Jobs image

Queue-SQL: Run Mass Deletes and Updates Across Parallel Queue Jobs

Read article
Blade Formatting in Laravel Pint image

Blade Formatting in Laravel Pint

Read article
Inertia DevTools Is Now on the Chrome Web Store image

Inertia DevTools Is Now on the Chrome Web Store

Read article