dlewand691

system-design-101

Explain complex systems using visuals and simple terms. Help you prepare for system design interviews.

material-web

Material Design Web Components

nue

The Content First Web Framework

modern-font-stacks

System font stack CSS organized by typeface classification for every modern operating system

components

React components for Cloudscape Design System

geist-font

htmz

html with targeted manipulation zones

pages-cms

A user-friendly CMS for static site generators.

franken-ui

Franken UI is an HTML-first, open-source library of UI components that works as a standalone or as a Tailwind CSS plugin. It is compatible with UIkit 3. The design is influenced by shadcn/ui.

slider

A modern, light weight content slider

REVENGE.CSS

A CSS bookmarklet that puts pink error boxes (with messages in comic sans) everywhere you write bad HTML.

surreal

🗿 Mini jQuery alternative. Dependency-free animations. Locality of Behavior. Use one element or arrays transparently. Pairs with htmx. Vanilla querySelector() but better!

unlazy

🪧 Universal lazy loading library for placeholder images leveraging native browser APIs

text-box-trim-examples

text-box-trim examples and playground (previously known as leading-trim)

fluid-tailwind

Smoother responsive styles in less code.

velvette

Common patterns for CSS view-transitions

mimic.css

Everyone else is doing it!

cube-boilerplate

A simple CUBE CSS boilerplate for Set Studio

oohtml

Towards a more dynamic and object-oriented HTML.

core

An open-source wrapper around Radix headless components to build your own component library

component-template

Template for kicking off a new Web Component

Fontimize

Fontimize: optimize fonts to only the specific glyphs needed for your text and website

wpds-ui-kit

WPDS's UiKit coded in React using Stitches, Radix UI and more! Also home to our docs site

utopia-core-scss

The calculations behind Utopia.fyi. Written in SCSS.

plain-page-transition

Transition between pages made from scratch with plain JavaScript and no external libraries

sda-utilities

Collection of utility functions for use with Scroll-Driven Animations

ninjabootstrap

Awesome Frontend Tools to Unleash Your Design Potential.

timeline

Markwhen timeline view

HoverGrid

A grid item reveal animation on hover inspired by Metalab

responsive-viewport-units

Responsive ViewPort Units generates and displays a browser's viewport unit values when a page is loaded and regenerates the unit values each time the browser is resized horizontally or vertically.