A Modern CSS Reset

I have a set of baseline CSS styles that come with me from project to project. In the past, I'd use a typical CSS reset, but times have changed, and I believe I have a better set of global styles!

https://www.joshwcomeau.com/css/custom-css-reset/

Pico.css • Minimal CSS Framework for semantic HTML

Elegant styles for all native HTML elements without .classes and dark mode automatically enabled. 7.9 kB minified and gzipped!

https://picocss.com/

CSSFX - Beautifully simple click-to-copy CSS effects

Browse a carefully crafted collection of loaders, hover effects, transitions, and other CSS effects to use in your next project. Effects are designed with an emphasis on fluidity, simplicity, and ease of use.

https://cssfx.netlify.app/

modern-font-stacks

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

https://github.com/system-fonts/modern-font-stacks

animate-css-grid: Painless transitions for CSS Grid

Painless transitions for CSS Grid. Contribute to aholachek/animate-css-grid development by creating an account on GitHub.

https://github.com/aholachek/animate-css-grid

ztext.js | 3D Typography for the Web

Easy to implement, 3D typography for any website and every font.

https://bennettfeely.com/ztext/

Tauri 2.0

The cross-platform app building toolkit

https://tauri.app/

Introduction to Immer | Immer

Immer (German for: always) is a tiny package that allows you to work with immutable state in a more convenient way.

https://immerjs.github.io/immer/

es-toolkit: A modern JavaScript utility library that's 2-3 times faster and up to 97% smaller—a major upgrade to lodash.

A modern JavaScript utility library that's 2-3 times faster and up to 97% smaller—a major upgrade to lodash. - toss/es-toolkit

https://github.com/toss/es-toolkit

date-fns

date-fns provides the most comprehensive yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js.

https://date-fns.org/

ts-regexp: A strictly typed & minimal RegExp wrapper.

A strictly typed & minimal RegExp wrapper. Contribute to codpro2005/ts-regexp development by creating an account on GitHub.

https://github.com/codpro2005/ts-regexp/

ky: 🌳 Tiny & elegant JavaScript HTTP client based on the Fetch API

🌳 Tiny & elegant JavaScript HTTP client based on the Fetch API - sindresorhus/ky

https://github.com/sindresorhus/ky

up-fetch: Advanced fetch client builder

Advanced fetch client builder. Contribute to L-Blondy/up-fetch development by creating an account on GitHub.

https://github.com/L-Blondy/up-fetch

Svelte Sonner

An opinionated toast component for Svelte.

https://svelte-sonner.vercel.app

Native dual-range input

Two native range inputs and fifty lines of JavaScript to make them work together.

https://muffinman.io/blog/native-dual-range-input/

virtua: A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue, Solid and Svelte.

A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue, Solid and Svelte. - inokawa/virtua

https://github.com/inokawa/virtua/

fitty: ✨ Makes text fit perfectly

✨ Makes text fit perfectly. Contribute to rikschennink/fitty development by creating an account on GitHub.

https://github.com/rikschennink/fitty

Pagefind | Pagefind — Static low-bandwidth search at scale

Pagefind is a fully static search library that aims to perform well on large sites, while using as little of your users’ bandwidth as possible, and without hosting any infrastructure.

https://pagefind.app/

detect-missing-adblocker

Provide a more secure experience to your website’s visitors.

https://github.com/stefanbohacek/detect-missing-adblocker

ai.robots.txt: A list of AI agents and robots to block.

A list of AI agents and robots to block. Contribute to ai-robots-txt/ai.robots.txt development by creating an account on GitHub.

https://github.com/ai-robots-txt/ai.robots.txt

React Scan

React Scan automatically detects and highlights components that cause performance issues in your React app. Drop it in anywhere – script tag, npm, you name it!

https://react-scan.million.dev/

Mocky: The world easiest & fastest tool to mock your APIs

Don't wait for the backend to be ready, generate custom API responses with Mocky and start working on your application straightaway

https://designer.mocky.io

PageSpeed Insights

https://pagespeed.web.dev/

WebPageTest

https://www.webpagetest.org/

Web Vitals

Measure metrics for a healthy site

https://chromewebstore.google.com/detail/web-vitals/ahfhijdlegdabablpippeagghigmibma?hl=en

WAVE Chrome, Firefox, and Edge Extensions

https://wave.webaim.org/extension/

OddContrast

Color contrast checker with Oklch, Oklab, Display P3, and more – helping designers meet WCAG 2 accessibility standards.

https://www.oddcontrast.com/

Modular Scale

Calculate, visualize, and learn about modular scales.

https://www.modularscale.com/

Font style matcher

https://meowni.ca/font-style-matcher/

SmolCSS

Minimal snippets for modern CSS layouts and components

https://smolcss.dev/

Gradient Generator

https://www.learnui.design/tools/gradient-generator.html

Clippy — CSS clip-path maker

https://bennettfeely.com/clippy/

CSS Spring Easing Generator

A tool designed to intuitively generate spring easings for linear() in CSS. Includes presets and customizable inputs for perceptual duration and bounce.

https://www.kvin.me/css-springs?ck_subscriber_id=2180556632