Alpine.js Playground - A set of ready to use Alpine.js examples with TailwindCSS

[Tip]: if your content is flashing don't forget your x-cloak CSS by @brbcoding

[Tip]: for PHPStorm users: add Alpine directives as custom HTML attributes by @anu

Count characters typed by @Xewl

Add dynamic form fields using AlpineJS by @sanjayojha

Table UI with TailwindCSS & AlpineJS by @mithicher

Tabs on Food - an Alpine.js demo by @j_greig

Everything-in-HTML by @simonswiss

Alpine JS + TailwindCSS Responsive Navigation Bar by @MuzafferDede

Simple cross-component communication with events in Alpine by @FeldAryeh

A popup menu by @brbcoding

Pagination component with Tailwind by @theasarmah

Twitter Clone UI by @mithicher

A listing comparison drawer with tabs and slide animation by @getJReviews

Yo-Yo's visualisation by @unlikenesses

Tag search input by @atomgiant

Character Counter by @alexjustesen

An Alpine.js GDPR banner demo by @lepikhinb

A cool slider by @marcelpociot

A multistep form with Alpine & Tailwind by @mithicher

A newsletter subscribe form with Alpine & Tailwind by @theasarmah

An implementation in Alpine.js of a Washington Post simulation by @Harry_Stevens by @unlikenesses

Newsletter Form with TailwindCSS, AlpineJS and Sheety by @mithicher

Dashboard Layout with TailwindCSS and Alpine.js by @mithicher

Invoice Generator build with TailwindCSS and Alpine.js by @mithicher

Registration form with reactive validation by @framansi

Login Show/Hide Password by @framansi

Edit in place text input by @brbcoding

Auto-updating copyright component by @Kotfire

AlpineJS Screaming Balls by @unlikenesses