hyperui
Free Tailwind CSS components for application UI, ecommerce and marketing with support for dark mode, RTL and Alpine JS ๐hyperjs
HyperJS is a component library for Alpine JS allowing developers to quickly copy and paste functionality into their projects ๐ตalpinejs-component
Reusable HTML components powered by Alpine JS reactivity ๐ธalpinejs-tash
Use a more familiar syntax when rendering Alpine JS `{variables}` ๐alpinejs-masonry
Create masonry layouts based on your CSS grid values ๐tiny-markdown
๐ Simple markdown editor in the browser for quick and easy markdown creationtailwindcss-assistant
Get assistance when developing projects with Tailwind CSS ๐คalpinejs-money
Format money through Alpine JS into any language and currency (works with Shopify settings) ๐ธalpinejs-sticky
Toggle CSS class names when an element becomes sticky to the DOM ๐alpinejs-notifications
Simple notifications in your projects using Alpine JS ๐โโ๏ธalpinejs-form-validation
Adds client side form/input validation powered by Alpine JS โjs-masonry
Create masonry layouts based on your CSS grid values ๐alpinejs-axios
Alpine JS magic methods wrapper for Axios API methods ๐จcustom-cursor
Create your own custom cursor with minimal JavaScript ๐alpinejs-form-data
Get the data from the form in a key/value pair of name and value ๐ฅฏalpinejs-slug
Transform a string into a slug with Alpine JS and Slugify ๐alpinejs-persist-extended
Extends the official `$persist` plugin to help you work with `localStorage` ๐ฆalpinejs-head
Manage the HTML `<head>` with Alpine JS ๐ฟalpinejs-textarea-autogrow
๐ฒ Alpine JS plugin that auto grows the height of a textarea based on its valuealpinejs-scroll-to
Easily add scroll to functionality with options, powered by Alpine JS ๐ญalpinejs-emit
Emit `x-data` changes to other Alpine JS elements ๐ฃalpinejs-character-count
Track the character count of an input with the option to compare against the max length ๐alpinejs-cursor
Create a custom cursor with Alpine JS and easily apply hover effects ๐blog
Personal website built with Next JS ๐js-bionic-reading
Helps developers add support for bionic reading to their content ๐shopify-schema
๐ Build Shopify schema in a UI built with Alpine JS and Tailwind CSSalpinejs-manage
Manage another Alpine JS elements `x-data` values ๐ฉโ๐ผalpinejs-plugin-template
Template for creating Alpine JS plugins ๐alpinejs-scroll-amount
Track the users scroll position and their progress on the page ๐คฟalpinejs-desktop-notifications
Create desktop notifications with Alpine JS ๐ฃalpinejs-sort
Sort data in Alpine JS without writing any JavaScript ๐ฆshopify-skeleton
๐ Skeleton for Shopify 2.0 themes using Tailwind CSS and Alpine JSgithub-contact-form
Add a contact form to your website that creates a GitHub issue when submitted.alpinejs-overlap
Check if an element is overlapping another ๐ฅalpinejs-form-captcha
Prevent your forms getting unwanted submissions through the use of an image puzzle โold.markmead.dev
๐ธ Old portfolio website built with Nuxt JS and Tailwind CSStailwind-group-classes
Group together Tailwind CSS modifiers like focus, peer-checked, dark:hover and more with HTML attributes ๐ฉโ๐portfolio
๐ธ Old portfolio website built with Nuxt JS and Tailwind CSSfetch-components
Write simple, reusable HTML components in the style of React and Vue ๐alpinejs-table-of-content
Generate a table of content from headings within an element ๐negative-hover
Hover effect but in reverse (spotlight hover) ๐ฆalpinejs-force-next-tick
Alpine JS implementation of the double `requestAnimationFrame` method to force `$nextTick`tailwindcss-wordle
๐ณ Can you guess the Tailwind CSS class name from over 6000 options? Tailwind CSS Wordle.code-snippet-viewer-extension
Instantly view all the code snippets in a blog post ๐js-table-of-content
Generate a table of content from headings within an element ๐markmead
๐ README for my GitHub profilemagnify-image
JavaScript function to magnify an image on hoverstring-like-query
A looser but configurable approach to searching a string for a matching substring ๐aniwait
Wait for elements to be in the viewport before animating them, includes option to toggle once ๐hyperui-clone
alpinejs-routes
Create dynamic routes similar to Laravel with Alpine JS ๐คstring2html
Convert a string of HTML into a string of formatted HTML ๐งตalpinejs-multistep-form
tailwind-jit-rails-livereload
shopify-custom-fields
๐ Create custom fields for Shopify product forms in an Angular UIliquid.hyperui.dev
๐ HyperUI components converted to Shopify Liquid syntaxalpinejs-cookie-banner
๐ช Alpine JS plugin that sets up simple cookie functionality with the option of saving to session or local storageblazing-fast-phrase-generator
No more need for "blazing fast" as your totally original JavaScript package description, now you can generate your own "blazing fast" phrase with this blazing fast phrase generator! ๐ฅalpinejs-fetch
Alpine JS magic methods wrapper for fetch API methods ๐จhypercolor-maintained
A version of Hypercolor that is maintained and updatedquick-pros-cons
Love Open Source and this site? Check out how you can help us