• This repository has been archived on 20/Feb/2023
  • Stars
    star
    11
  • Rank 1,644,367 (Top 34 %)
  • Language
    HTML
  • License
    MIT License
  • Created over 2 years ago
  • Updated almost 2 years ago

Reviews

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

Repository Details

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

More 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

blog

Personal website built with Next JS πŸš€
JavaScript
10
star
25

alpinejs-scroll-amount

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

alpinejs-plugin-template

Template for creating Alpine JS plugins πŸ“‹
JavaScript
9
star
27

alpinejs-manage

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

shopify-skeleton

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

js-bionic-reading

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

github-contact-form

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

alpinejs-sort

Sort data in Alpine JS without writing any JavaScript 🦜
JavaScript
7
star
32

alpinejs-desktop-notifications

Create desktop notifications with Alpine JS πŸ“£
JavaScript
7
star
33

alpinejs-overlap

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

old.markmead.dev

🐸 Old portfolio website built with Nuxt JS and Tailwind CSS
Vue
5
star
35

tailwind-group-classes

Group together Tailwind CSS modifiers like focus, peer-checked, dark:hover and more with HTML attributes πŸ‘©β€πŸš€
JavaScript
5
star
36

portfolio

🐸 Old portfolio website built with Nuxt JS and Tailwind CSS
Vue
5
star
37

fetch-components

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

alpinejs-form-captcha

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

negative-hover

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

tailwindcss-wordle

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

code-snippet-viewer-extension

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

alpinejs-force-next-tick

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

markmead

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

magnify-image

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

string-like-query

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

aniwait

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

string2html

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

alpinejs-routes

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

shopify-custom-fields

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

alpinejs-multistep-form

HTML
1
star
51

tailwind-jit-rails-livereload

Ruby
1
star
52

liquid.hyperui.dev

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

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
54

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
55

hypercolor-maintained

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