Utopia | Fluid responsive design

Elegant, intentional and fluid typography and space palettes

Utopia emerges when designers and developers share a systematic approach to fluidity in responsive design. Instead of designing for x number of arbitrary breakpoints, we can design a system within which elements scale proportionally and fluidly.

Utopia | Fluid responsive design

Share:

Category

Developer Tools

Topics

You might also like

Modern Fluid Typography Editor

Create, fine-tune and generate CSS fluid typography code

Cozo Database

Relational DB that uses Datalog and focuses on graphs

The Free Learning List

The best educational resources, all in one place.

OpenArt

Content and social platform for AI-generated images

Xcode Cloud

A continuous integration and delivery service designed for Apple

ThoughtPad

Rapid notes and serendipitous ideation

DevPod

Codespaces but open-source, client-only, and unopinionated

Passkeys.io

A passkey authentication demo and info page

Berkeley Mono Typeface

A retro-inspired mono typeface for professionals.

Proportio

Create proportional user interface design systems.

Upstract

Read the entire internet on a single page

Total.js Flow

Visual Programming Interface for everyone

Rive

Create and ship interactive animations to any platform

AI Cover Letter Generator

Instantly create a personlized and highly professional cover lett

Ahrefs Writing Tools

Save time and enhance your marketing and content performance

Andi

A conversational search engine, free from tracking and ads.

Leelo AI

Elevate content with Leelo AI: lifelike text-to-speech for impact

Keep

The open-source alerts management and automation platform

Astronaut

You're an astronaut. Click to watch random videos in space.

Obsidian Canvas

An infinite space to visualize and make sense of your ideas