• Stars
    star
    118
  • Rank 299,923 (Top 6 %)
  • Language
    HTML
  • License
    MIT License
  • Created over 4 years ago
  • Updated 9 months ago

Reviews

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

Repository Details

A set of ready to use Alpine.js examples with TailwindCSS

Alpine.js Playground

A set of ready to use Alpine.js examples with TailwindCSS.

Find the examples in the pages directory.

Requirements

  • Node 10
  • Yarn 1.x or npm

Setup

  1. Clone the repository
  2. Run yarn or npm install installs all required dependencies.

npm scripts

Equivalent npm run <script> should also work

  • yarn start will start a local dev server using serve
  • yarn format will run prettier on the HTML pages.
  • yarn build will generate an index.html from files in the pages directory

LICENSE

Code is licensed under the MIT License.

More Repositories

1

express-postgres-starter

A starter project for Node.js with Express and Postgres running on Docker Compose
JavaScript
153
star
2

docker-compose-local-https

Examples of local HTTPS with docker-compose + mkcert + nginx/Caddy
Shell
86
star
3

express-bull-es6

An example setup with docker-compose, Redis, bull queue and ES6.
JavaScript
70
star
4

alpine-test-utils

Utilities for testing Alpine.js components
JavaScript
69
star
5

express-redis-docker

A Node/Express app with Redis through Docker Compose
JavaScript
65
star
6

mock-express-request-response

Mock/stub the Express request/response objects using Jest or sinon
JavaScript
63
star
7

mock-spy-module-import

JavaScript import/require module testing do's and don'ts with Jest
57
star
8

yarn-workspaces-simple-monorepo

Yarn Workspaces basic monorepo management without Lerna for coding examples
JavaScript
32
star
9

jest-mock-date-examples

Different approaches to mocking the Date in Jest tests
JavaScript
27
star
10

fix-package-lock

Fix package-lock.json by regenerating it
JavaScript
26
star
11

jest-handbook-examples

Examples for The Jest Handbook
JavaScript
20
star
12

microbundle-ts-pkg

A TypeScript npm package skeleton/starter project with microbundle, node:test and prettier
JavaScript
20
star
13

jest-ignore-coverage

Examples of how to ignore files/functions/statements for coverage
JavaScript
16
star
14

vue-multiple-components-in-sfc

Examples of writing multiple components in a single .vue file
Vue
13
star
15

pocket-newsletter-lambda

Example Lambda to fetch all "newsletter" posts from Pocket.
JavaScript
10
star
16

express-supertest-moxios

Testing an Express app with SuperTest and moxios
JavaScript
9
star
17

beercalculatorapp

React Native versions of BeerCalculator
JavaScript
8
star
18

netlify-lambda-tailwind-static-starter

A starter project with Netlify Lambda, Tailwind CSS and static pages.
JavaScript
8
star
19

recursive-js

Recursive implementations of map, filter and reduce in ES6 with a few tests and build scripts, ready to be shipped as an npm module.
JavaScript
8
star
20

alpine-server-render

Server-rendering Alpine.js templates.
TypeScript
8
star
21

pocket-personal-access-token

A lightweight OAuth integration with the Pocket API to generate an access token for your personal account
JavaScript
7
star
22

node-run-python

An example of running a Python script and using its output from Node.js
JavaScript
7
star
23

express-nunjucks-tailwind

A starter project with Express, Nunjucks and TailwindCSS
HTML
6
star
24

shatstack

Back to basics with the HTML-driven SHATstack: Serverless, HTML, Alpine.js, TailwindCSS
JavaScript
6
star
25

micro-analytics-events

A microservice to record analytics events to SQLite3
JavaScript
6
star
26

alpine-minimal-boilerplate

Minimal Alpine.js + HTML setup.
HTML
6
star
27

nuxt-express-postgres-starter

A full-stack starter project with Nuxt, Express and Postgres
Vue
6
star
28

jest-spy-mock-stub-reference

Jest .fn() and .spyOn() spy/stub/mock assertion reference
JavaScript
6
star
29

react-alpinejs

Simple React-AlpineJS integration example
JavaScript
5
star
30

alpine-inline-babel

Run JavaScript inside of Alpine.js directives through Babel
JavaScript
5
star
31

jest-object-array-partial-match

Jest Array/Object partial match with objectContaining and arrayContaining
JavaScript
4
star
32

buttondown

Node.js/TypeScript Buttondown API client
JavaScript
4
star
33

node-mit-boilerplate

Node.js starter files with MIT license, gitignore and XO linting
JavaScript
4
star
34

eye-track

Eye-tracking hack
HTML
4
star
35

alpine-inline-transpile

Transpile inline Alpine.js directive code
JavaScript
3
star
36

vagrant-express-mysql-starter

Starter for a local Vagrant, Express and MySQL setup
Shell
3
star
37

jest-set-clear-reset-stub

Set, reset and clear mocks, stubs and spies in Jest
JavaScript
3
star
38

python-graphql-client-example

An example consuming a GraphQL API from Python using gql.
Python
3
star
39

node-test-runner-examples

Examples of tests using the `node:test` module and runner
JavaScript
3
star
40

uclapi-javascript

JavaScript wrapper for the UCL API
JavaScript
2
star
41

presentation-starter

reveal-md presentation starter generator
Perl 6
2
star
42

micro-vs-express-example

An example app using `micro` and `express`
JavaScript
2
star
43

alpine-auto-init

Alpine.js `x-init="init()"` automatically
JavaScript
2
star
44

sponsorcost

How much does it cost to sponsor this site? A Blog and Newsletter Sponsorship/Advertising Calculator
JavaScript
2
star
45

dake

TypeScript build tool, similar to Jake, Make or Rake. Built to work with Deno.
TypeScript
2
star
46

md-tweet-embed

Convert Tweets to Markdown embeds
JavaScript
2
star
47

keystone-foundation-grunt-stub

Keystone.js stub with foundation-sass and grunt tasks set up
CSS
2
star
48

london-tube

Get London Tube status in Slack
HTML
2
star
49

express-server-render-starter

Starter app for server rendered Express applications using TailwindCSS, Nunjucks and Postgres
JavaScript
2
star
50

botnet

πŸ“‘ networking tools for Slack
HTML
2
star
51

makerweekly.co

Indiemakers and bootstrapped startup news.
HTML
2
star
52

snapshot-everything

Code repository for "Abusing Jest snapshot tests: some nice snapshot use-cases"
JavaScript
2
star
53

command-control-click-react

Simple React Command or Control + Click detection
JavaScript
2
star
54

jsdoc-type-d-ts-node-pkg

A Node.js package setup with types.d.ts (TypeScript typings) generated from JSDoc annotations
JavaScript
2
star
55

cypress-scroll-position-assertions

Demo of Cypress assertions on page scroll position/offset
HTML
2
star
56

jest-specific-argument-assert

Jest assert over single or specific argument/parameters with .toHaveBeenCalledWith and expect.anything()
JavaScript
2
star
57

mongo-query-clause-modification

Real-world recursion: MongoDB nested query clause addition and removal
JavaScript
1
star
58

beercalculator

Calculate the price of your supermarket beer, built in React
JavaScript
1
star
59

starwars-wiki

A Star Wars Wiki with a favourites feature for SWAPI.
JavaScript
1
star
60

node-csv

Parsing CSV in Node.js
JavaScript
1
star
61

5minfeature

5 minute feature app built on Vue.js
Vue
1
star
62

docsify-mermaid-10

Example with Docsify and Mermaid 10
HTML
1
star
63

js-graphql-client-example

An example consuming a GraphQL API from JavaScript using graphql.js.
HTML
1
star
64

codingandcookies1

Coding and Cookies Code repo
HTML
1
star
65

jest-force-fail

Jest Explicitly/Force fail() a test
JavaScript
1
star
66

async-js-presentation

Presentation of asynchronous JavaScript: history, patterns and gotchas
JavaScript
1
star
67

hello-express-airtable

Express starter app for Glitch with Airtable
HTML
1
star
68

cmd-ctrl-click-vue

Simple Vue command, control, shift, alt + click detection
Vue
1
star
69

airtable-scripts

Scripts to interact with codewithhugo.com's Airtable instances.
JavaScript
1
star
70

hello-world-micro

Hello world with Zeit's micro with CORS enabled
JavaScript
1
star
71

codingandcookies2

Session 2 of Coding and Cookies: jQuery and Responsive Design
HTML
1
star
72

go-parallel-http-requests

Examples of running HTTP requests in parallel in Go
Go
1
star
73

ava-pass-fail-test-missing-env-var

AVA: pass or fail a test if an environment variable is missing
JavaScript
1
star
74

jesthandbook.com

Learn Advanced JavaScript Testing patterns with Jest.
HTML
1
star
75

wait-for-pg

Wait for postgres
JavaScript
1
star