CSS-Doodle web component for pattern creation

CSS Doodles allows you to create interactive designs using just CSS. You can generate grids of cells and apply styles to them using functions. This gives you control over cell placement, randomization, and more.

CSS Doodles provides building blocks for visual experimentation without additional frameworks. The syntax focuses on CSS skills but adds interactivity through a simple API. This makes abstract designs and interactive elements easier than ever to craft using CSS alone.

UI & UX design inspiration for mobile & web apps.

orbs




Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.