🕵️‍♂️ All-in-one OSINT tool for analysing any website

🍵 Drop-in semantic styling library in pure CSS. Highly customizable and perfect for simple websites and prototyping web apps!

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

Build better responsive designs in less code.

Template for kicking off a new Web Component

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.

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

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

A grid item reveal animation on hover inspired by Metalab

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.

Collection of utility functions for use with Scroll-Driven Animations

html with targeted manipulation zones

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

A user-friendly CMS for static site generators.

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

A simple CUBE CSS boilerplate for Set Studio

Towards a more dynamic and object-oriented HTML.

Markwhen timeline view

The calculations behind Utopia.fyi. Written in SCSS.

Common patterns for CSS view-transitions

Awesome Frontend Tools to Unleash Your Design Potential.

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

Everyone else is doing it!

A modern, light weight content slider

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

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

React components for Cloudscape Design System

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

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