United Kingdom

Mark M

Elite
@markmead

Creator of HyperUI 🎉

hyperui. Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles 🚀

12k

hyperjs. HyperJS is a component library for Alpine JS allowing developers to quickly copy and paste functionality into their projects 🛵

439

alpinejs-component. Reusable HTML components powered by Alpine JS reactivity 🛸

367

alpinejs-tash. Use a more familiar syntax when rendering Alpine JS {variables} 🚀

119

alpinejs-masonry. Create masonry layouts based on your CSS grid values 🎉

113

tiny-markdown. 📝 Simple markdown editor in the browser for quick and easy markdown creation

48

alpinejs-notifications. Simple notifications in your projects using Alpine JS 🙋‍♀️

43

alpinejs-form-validation. A lightweight, CSS-driven form validation plugin for Alpine.js that provides real-time client-side validation with data attributes.

40

alpinejs-money. Format money through Alpine JS into any language and currency (works with Shopify settings) 💸

40

tailwindcss-assistant. Get assistance when developing projects with Tailwind CSS 🤖

38

alpinejs-sticky. Toggle CSS class names when an element becomes sticky to the DOM 🐙

36

alpinejs-head. Alpine JS Head is a simple plugin that lets you control your HTML `<head>` elements using Alpine JS 🦆

31

alpinejs-axios. Alpine JS magic methods wrapper for Axios API methods 📨

30

custom-cursor. This is a tiny JavaScript package that creates custom cursor for you with minimal JavaScript and allows you to write hover effects for the cursor(s) in CSS 👆

29

js-masonry. Create masonry layouts based on your CSS grid values 🎉

25

alpinejs-form-data. Get the data from the form in a key/value pair of name and value 🥯

25

alpinejs-textarea-autogrow. 🌲 Alpine JS plugin that auto grows the height of a textarea based on its value

25

alpinejs-persist-extended. Extends the official Alpine JS $persist plugin with additional utilities to help you work with localStorage more effectively. This plugin adds methods to get and delete persisted data without needing to set up additional data properties 📦

22

alpinejs-emit. Emit `x-data` changes to other Alpine JS elements 📣

21

hyperux. Behavior-first Alpine.js patterns you can copy, adapt, and ship.

21

alpinejs-slug. Transform a string into a slug with Alpine JS and Slugify 🐌

20

alpinejs-scroll-to. Easily add scroll to functionality with options, powered by Alpine JS 🐭

18

alpinejs-cursor. This is a tiny JavaScript package that creates custom cursor for you with minimal JavaScript and allows you to write hover effects for the cursor(s) in CSS 👆

15

alpinejs-plugin-template. For creating Alpine JS plugins 📋

15

js-bionic-reading. Helps developers add support for bionic reading to their content 📚

14

alpinejs-character-count. Track the character count of an input with the option to compare against the max length 🔟

14

alpinejs-scroll-amount. Track the users scroll position and their progress on the page 🤿

11

alpinejs-manage. Manage another Alpine JS elements `x-data` values 👩‍💼

11

alpinejs-sort. Sort data in Alpine JS without writing any JavaScript 🦜

10

alpinejs-desktop-notifications. Create desktop notifications with Alpine JS 📣

9

github-contact-form. Add a contact form to your website that creates a GitHub issue when submitted.

8

alpinejs-form-captcha. Prevent your forms getting unwanted submissions through the use of an image puzzle ✅

7

alpinejs-fetch. Alpine JS magic methods wrapper for fetch API methods 📨

6

alpinejs-overlap. A lightweight Alpine JS plugin that adds an $overlap() utility to detect when DOM elements overlap each other 🥞

6

alpinejs-table-of-content. Generate a table of content from headings within an element 📖

6

fetch-components. Write simple, reusable HTML components in the style of React and Vue 🚀

5

js-table-of-content. Generate a table of content from headings within an element 📖

4

markmead. 📖 README for my GitHub profile

2
38
Apply