Mayank

reset.css. a css reset for 2024 and beyond.

ecsstatic. a fully static CSS-in-JS library for vite

open-props-scss. open-props as sass variables

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

postcss-use-logical. auto convert physical CSS properties to logical ones

live-announcer. custom element that makes it easier to work with live regions

vite-plugin-webc. JavaScript

tabs. accessible, unstyled, API-less tabs

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

declarative-shadow-dom. Use declarative shadow DOM inside frameworks

webc-astro-demo. webc + astro = 💜

wordel. a more accessible wordle clone built using preact

esbuild-plugin-noexternal. externalize all packages except the ones passed to this plugin

programming-languages. Course content for CS 403

11ty-jsx-deno. JavaScript

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

visually-hidden. Inclusively hide content using a custom element.

do-transitions. view transitions + FLIP animation fallback

11ty-webc-starter. A barebones starter template using 11ty 3.0 + WebC

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

astro-layers-demo. A fun demo showcasing cascade layers in astro

astro-form-progressive. TypeScript

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

enhance-demo. CSS

tokencss-linaria-demo. Astro

xkcd.fyi. an alternative frontend for xkcd

remix-vite-test. TypeScript

open-props. CSS custom properties to help accelerate adaptive and consistent design.

astro-api-starter. A starter template for deploying Astro SSR API routes to Vercel

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

typesettings.css. Typesettings.css is a lite design system for minimal website or article design, inspired by traditional graphic design fundamentals.

x-flip-demo. TypeScript