Mark M (@markmead)

Top repositories

1

hyperui

Free Tailwind CSS components for application UI, ecommerce and marketing with support for dark mode, RTL and Alpine JS ๐Ÿš€
HTML
8,178
star
2

hyperjs

HyperJS is a component library for Alpine JS allowing developers to quickly copy and paste functionality into their projects ๐Ÿ›ต
HTML
367
star
3

alpinejs-component

Reusable HTML components powered by Alpine JS reactivity ๐Ÿ›ธ
JavaScript
216
star
4

alpinejs-tash

Use a more familiar syntax when rendering Alpine JS `{variables}` ๐Ÿš€
JavaScript
78
star
5

alpinejs-masonry

Create masonry layouts based on your CSS grid values ๐ŸŽ‰
JavaScript
53
star
6

tiny-markdown

๐Ÿ“ Simple markdown editor in the browser for quick and easy markdown creation
HTML
44
star
7

tailwindcss-assistant

Get assistance when developing projects with Tailwind CSS ๐Ÿค–
JavaScript
39
star
8

alpinejs-money

Format money through Alpine JS into any language and currency (works with Shopify settings) ๐Ÿ’ธ
JavaScript
28
star
9

alpinejs-sticky

Toggle CSS class names when an element becomes sticky to the DOM ๐Ÿ™
JavaScript
27
star
10

alpinejs-notifications

Simple notifications in your projects using Alpine JS ๐Ÿ™‹โ€โ™€๏ธ
JavaScript
24
star
11

custom-cursor

Create your own custom cursor with minimal JavaScript ๐Ÿ‘†
TypeScript
21
star
12

alpinejs-slug

Transform a string into a slug with Alpine JS and Slugify ๐ŸŒ
JavaScript
19
star
13

alpinejs-form-data

Get the data from the form in a key/value pair of name and value ๐Ÿฅฏ
JavaScript
18
star
14

alpinejs-form-validation

Adds client side form/input validation powered by Alpine JS โœ…
JavaScript
17
star
15

alpinejs-head

Manage the HTML `<head>` with Alpine JS ๐Ÿ—ฟ
JavaScript
17
star
16

alpinejs-textarea-autogrow

๐ŸŒฒ Alpine JS plugin that auto grows the height of a textarea based on its value
JavaScript
17
star
17

js-masonry

Create masonry layouts based on your CSS grid values ๐ŸŽ‰
JavaScript
16
star
18

alpinejs-persist-extended

Extends the official `$persist` plugin to help you work with `localStorage` ๐Ÿ“ฆ
JavaScript
15
star
19

alpinejs-emit

Emit `x-data` changes to other Alpine JS elements ๐Ÿ“ฃ
JavaScript
14
star
20

alpinejs-axios

Alpine JS magic methods wrapper for Axios API methods ๐Ÿ“จ
JavaScript
14
star
21

alpinejs-cursor

Create a custom cursor with Alpine JS and easily apply hover effects ๐Ÿ‘†
JavaScript
13
star
22

alpinejs-character-count

Track the character count of an input with the option to compare against the max length ๐Ÿ”Ÿ
JavaScript
13
star
23

alpinejs-scroll-to

Easily add scroll to functionality with options, powered by Alpine JS ๐Ÿญ
JavaScript
11
star
24

shopify-schema

๐Ÿ› Build Shopify schema in a UI built with Alpine JS and Tailwind CSS
HTML
11
star
25

blog

Personal website built with Next JS ๐Ÿš€
JavaScript
10
star
26

alpinejs-scroll-amount

Track the users scroll position and their progress on the page ๐Ÿคฟ
JavaScript
10
star
27

alpinejs-plugin-template

Template for creating Alpine JS plugins ๐Ÿ“‹
JavaScript
9
star
28

alpinejs-manage

Manage another Alpine JS elements `x-data` values ๐Ÿ‘ฉโ€๐Ÿ’ผ
JavaScript
9
star
29

shopify-skeleton

๐Ÿ› Skeleton for Shopify 2.0 themes using Tailwind CSS and Alpine JS
Liquid
9
star
30

js-bionic-reading

Helps developers add support for bionic reading to their content ๐Ÿ“š
JavaScript
8
star
31

github-contact-form

Add a contact form to your website that creates a GitHub issue when submitted.
JavaScript
8
star
32

alpinejs-sort

Sort data in Alpine JS without writing any JavaScript ๐Ÿฆœ
JavaScript
7
star
33

alpinejs-desktop-notifications

Create desktop notifications with Alpine JS ๐Ÿ“ฃ
JavaScript
7
star
34

alpinejs-overlap

Check if an element is overlapping another ๐Ÿฅž
JavaScript
6
star
35

old.markmead.dev

๐Ÿธ Old portfolio website built with Nuxt JS and Tailwind CSS
Vue
5
star
36

tailwind-group-classes

Group together Tailwind CSS modifiers like focus, peer-checked, dark:hover and more with HTML attributes ๐Ÿ‘ฉโ€๐Ÿš€
JavaScript
5
star
37

portfolio

๐Ÿธ Old portfolio website built with Nuxt JS and Tailwind CSS
Vue
5
star
38

fetch-components

Write simple, reusable HTML components in the style of React and Vue ๐Ÿš€
JavaScript
5
star
39

alpinejs-form-captcha

Prevent your forms getting unwanted submissions through the use of an image puzzle โœ…
JavaScript
4
star
40

negative-hover

Hover effect but in reverse (spotlight hover) ๐Ÿ”ฆ
TypeScript
4
star
41

tailwindcss-wordle

๐Ÿณ Can you guess the Tailwind CSS class name from over 6000 options? Tailwind CSS Wordle.
JavaScript
3
star
42

code-snippet-viewer-extension

Instantly view all the code snippets in a blog post ๐Ÿ”
JavaScript
3
star
43

alpinejs-force-next-tick

Alpine JS implementation of the double `requestAnimationFrame` method to force `$nextTick`
JavaScript
2
star
44

markmead

๐Ÿ“– README for my GitHub profile
2
star
45

magnify-image

JavaScript function to magnify an image on hover
JavaScript
2
star
46

string-like-query

A looser but configurable approach to searching a string for a matching substring ๐Ÿ”
JavaScript
2
star
47

aniwait

Wait for elements to be in the viewport before animating them, includes option to toggle once ๐Ÿ›‘
JavaScript
2
star
48

string2html

Convert a string of HTML into a string of formatted HTML ๐Ÿงต
JavaScript
1
star
49

alpinejs-routes

Create dynamic routes similar to Laravel with Alpine JS ๐Ÿ›ค
JavaScript
1
star
50

alpinejs-cookie-banner

๐Ÿช Alpine JS plugin that sets up simple cookie functionality with the option of saving to session or local storage
JavaScript
1
star
51

shopify-custom-fields

๐Ÿ› Create custom fields for Shopify product forms in an Angular UI
TypeScript
1
star
52

alpinejs-multistep-form

HTML
1
star
53

tailwind-jit-rails-livereload

Ruby
1
star
54

liquid.hyperui.dev

๐Ÿ› HyperUI components converted to Shopify Liquid syntax
HTML
1
star
55

blazing-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! ๐Ÿ”ฅ
HTML
1
star
56

hypercolor-maintained

A version of Hypercolor that is maintained and updated
Vue
1
star
57

quick-pros-cons

0
star