• Stars
    star
    29
  • Rank 860,307 (Top 17 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created almost 3 years ago
  • Updated 8 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Toggle CSS class names when an element becomes sticky to the DOM πŸ™

More Repositories

1

hyperui

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

hyperjs

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

alpinejs-component

Reusable HTML components powered by Alpine JS reactivity πŸ›Έ
JavaScript
249
star
4

alpinejs-tash

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

alpinejs-masonry

Create masonry layouts based on your CSS grid values πŸŽ‰
JavaScript
77
star
6

tiny-markdown

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

tailwindcss-assistant

Get assistance when developing projects with Tailwind CSS πŸ€–
JavaScript
38
star
8

alpinejs-money

Format money through Alpine JS into any language and currency (works with Shopify settings) πŸ’Έ
JavaScript
32
star
9

alpinejs-notifications

Simple notifications in your projects using Alpine JS πŸ™‹β€β™€οΈ
JavaScript
28
star
10

alpinejs-form-validation

Adds client side form/input validation powered by Alpine JS βœ…
JavaScript
25
star
11

js-masonry

Create masonry layouts based on your CSS grid values πŸŽ‰
JavaScript
22
star
12

alpinejs-axios

Alpine JS magic methods wrapper for Axios API methods πŸ“¨
JavaScript
22
star
13

custom-cursor

Create your own custom cursor with minimal JavaScript πŸ‘†
TypeScript
21
star
14

alpinejs-form-data

Get the data from the form in a key/value pair of name and value πŸ₯―
JavaScript
20
star
15

alpinejs-slug

Transform a string into a slug with Alpine JS and Slugify 🐌
JavaScript
19
star
16

alpinejs-persist-extended

Extends the official `$persist` plugin to help you work with `localStorage` πŸ“¦
JavaScript
19
star
17

alpinejs-head

Manage the HTML `<head>` with Alpine JS πŸ—Ώ
JavaScript
17
star
18

alpinejs-textarea-autogrow

🌲 Alpine JS plugin that auto grows the height of a textarea based on its value
JavaScript
17
star
19

alpinejs-scroll-to

Easily add scroll to functionality with options, powered by Alpine JS 🐭
JavaScript
16
star
20

alpinejs-emit

Emit `x-data` changes to other Alpine JS elements πŸ“£
JavaScript
16
star
21

alpinejs-character-count

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

alpinejs-cursor

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

blog

Personal website built with Next JS πŸš€
JavaScript
12
star
24

js-bionic-reading

Helps developers add support for bionic reading to their content πŸ“š
JavaScript
11
star
25

shopify-schema

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

alpinejs-manage

Manage another Alpine JS elements `x-data` values πŸ‘©β€πŸ’Ό
JavaScript
10
star
27

alpinejs-plugin-template

Template for creating Alpine JS plugins πŸ“‹
JavaScript
10
star
28

alpinejs-scroll-amount

Track the users scroll position and their progress on the page 🀿
JavaScript
10
star
29

alpinejs-desktop-notifications

Create desktop notifications with Alpine JS πŸ“£
JavaScript
9
star
30

alpinejs-sort

Sort data in Alpine JS without writing any JavaScript 🦜
JavaScript
8
star
31

shopify-skeleton

πŸ› Skeleton for Shopify 2.0 themes using Tailwind CSS and Alpine JS
Liquid
8
star
32

github-contact-form

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

alpinejs-overlap

Check if an element is overlapping another πŸ₯ž
JavaScript
6
star
34

alpinejs-form-captcha

Prevent your forms getting unwanted submissions through the use of an image puzzle βœ…
JavaScript
5
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-table-of-content

Generate a table of content from headings within an element πŸ“–
JavaScript
5
star
40

negative-hover

Hover effect but in reverse (spotlight hover) πŸ”¦
TypeScript
4
star
41

alpinejs-force-next-tick

Alpine JS implementation of the double `requestAnimationFrame` method to force `$nextTick`
JavaScript
3
star
42

tailwindcss-wordle

🐳 Can you guess the Tailwind CSS class name from over 6000 options? Tailwind CSS Wordle.
JavaScript
3
star
43

code-snippet-viewer-extension

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

js-table-of-content

Generate a table of content from headings within an element πŸ“–
JavaScript
3
star
45

markmead

πŸ“– README for my GitHub profile
2
star
46

magnify-image

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

string-like-query

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

aniwait

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

hyperui-clone

JavaScript
2
star
50

alpinejs-routes

Create dynamic routes similar to Laravel with Alpine JS πŸ›€
JavaScript
1
star
51

string2html

Convert a string of HTML into a string of formatted HTML 🧡
JavaScript
1
star
52

alpinejs-multistep-form

HTML
1
star
53

tailwind-jit-rails-livereload

Ruby
1
star
54

shopify-custom-fields

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

liquid.hyperui.dev

πŸ› HyperUI components converted to Shopify Liquid syntax
HTML
1
star
56

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
57

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
58

alpinejs-fetch

Alpine JS magic methods wrapper for fetch API methods πŸ“¨
JavaScript
1
star
59

hypercolor-maintained

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