mayank99/astro-css-in-js-tests

Stars
22
Rank 1,048,934 (Top 21 %)
Language
TypeScript
License
MIT License
Created over 2 years ago
Updated almost 2 years ago

mayank99/astro-css-in-js-tests

mayank99

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

Examples of using various CSS-in-JS libs in Astro (repo for withastro/astro#4432)

reset.css

a css reset for 2024 and beyond.

ecsstatic

the predefinite CSS-in-JS library for vite

open-props-scss

open-props as sass variables

live-announcer

web component that makes it easier to work with live regions

tabs

accessible, unstyled, API-less tabs

postcss-use-logical

auto convert physical CSS properties to logical ones

vite-plugin-webc

riffs

a web app for clipping parts of a song

astro-vercel-edge

Deploy Astro v4 on Vercel Edge Functions

tooltip-element

an accessible tooltip web component built using popover API and floating-ui

webc-astro-demo

webc + astro = 💜

wordel

a more accessible wordle clone built using preact

programming-languages

Course content for CS 403

11ty-jsx-deno

astro-minimal-starter

An opinionated minimal starter template for astro with prettier, tsconfig aliases, dark theme, and a basic css reset

enhance-demo

visually-hidden

Inclusively hide content using a custom element.

11ty-webc-starter

A barebones starter template using the latest canary of 11ty and WebC

open-styleable

experimental server+client "polyfill" for openly styling shadow-roots

astro-form-progressive

remix-djent-stack

Remix stack with basic postcss-preset-env, code formatting, linting etc

do-transitions

view transitions + FLIP animation fallback

astro-api-starter

A starter template for deploying Astro SSR API routes to Vercel

tokencss-linaria-demo

remix-vite-test

declarative-shadow-dom

Use declarative shadow DOM inside frameworks

lyrica

A PWA that uses Web Share Target for quickly finding song lyrics

astro-layers-demo

A fun demo showcasing cascade layers in astro

x-flip-demo