Standing on the shoulders of Subtle Patterns. Built and maintained by @mikehearn.

Negative border radius made easy
Nebo.css is a pure CSS solution that allows you to add a “convex” or “concave” puzzle angle to elements without SVG and JavaScript. Everything is controlled via custom CSS variables.

So much of the web these days is ruined by the bloat that is modern JavaScript frameworks. React apps that take several seconds to load. NextJS sites that throw random hydration errors. The node_modules folder that takes up gigabytes on your hard drive.

It’s awful. And you don’t need it.

First, go to the layout for your blog posts, and pipe the page’s contents through a latex filter that we’ll create in a moment:

{# before: #}
{​{ content | safe }}
{# after: #}
{​{ content | latex | safe }}

Do

When the core functionality of a feature cannot function with only HTML.
When the core functionality of a feature can benefit from some JavaScript. Start with only HTML, then progressively enhance it, so it can still work without Jav...

CSS Grid Generator - a user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.

Learn how to finally solve the mystery of centering in CSS using grid, flexbox, and classic block element layout.

🎨 Curated collection of 95 free beautiful CSS box-shadow, ready-to-use for your next projects. Click to copy.

Simple Progressive Web App (PWA) template

BOBA IPSUM GENERATOR

A flexible icon family for interfaces, diagrams, presentations — whatever, really.

Create favicons using Font Awesome icons 🚀. Preview favicons live in browser 🖥️.

With Favicon.io you can quickly generate a favicon for your website for free!

Generator to build organic shapes with CSS3 border-radius

Check the contrast ratio between your website’s background and font colors with our free interactive tool based on WCAG guidelines.

A privacy-friendly drop-in replacement for Google Fonts