quirk.bar

serving freshly mixed oddities since whenever

Shape Shifter

A circle that forgot what it wants to be.

Watch it cycle through circle, square, and triangle -- an identity crisis rendered in CSS. 6 seconds per existential loop.

Dot Matrix

A grid of dots that ripple on hover.

16 dots arranged in a 4x4 grid. Hover to send ripples outward from the center. Each dot is 8px of pure geometric joy.

Hex Appeal

A hexagon in perpetual rotation.

360 degrees of continuous rotation with a scale pulse at the midpoint. Hypnotic and completely pointless.

Bounce House

A rectangle that just can't sit still.

Elastic bouncing with squash-and-stretch. The physics are wrong but the vibes are immaculate.

Color Breather

Inhale pink. Exhale lime.

A square that cycles through the entire accent palette while gently pulsing in size. Chromatic meditation.

🧪

Three Sides

A triangle doing its thing.

CSS borders arranged into a perfect equilateral, rotating at a meditative pace. Geometry's greatest hit.

Echo Chamber

Circles within circles within circles.

Five concentric rings that pulse outward at staggered intervals. A visual representation of dropping a pebble into a neon pond.

Wave Pool

Bars that dance in sequence.

Five vertical bars moving up and down with staggered timing. An audio visualizer for music that doesn't exist.

Orbit

Dots chasing each other forever.

Three dots on a circular path, each trailing behind the next. A tiny solar system with no sun and no purpose.

Glitch

A square that can't keep it together.

Random translate offsets create a jittery, glitch-art effect. Sometimes it splits into copies. Very on-brand.

Diamond Pop

A diamond that scales and glows.

Rotated 45 degrees and pulsing between scales. The glow effect bleeds into adjacent pixels. Crisp geometry gone soft.

🎨

Crosshair

Lines that track nothing in particular.

Horizontal and vertical lines that rotate around a center point. Targeting something invisible. Precision without purpose.

Bar Stack

Bars that grow and shrink on loop.

Horizontal bars of varying widths animating their lengths independently. A bar chart for imaginary data about fictional concepts.

Ring Pulse

A ring that breathes in and out.

A hollow circle with an animated border-width and scale. Looks like a neon portal to a dimension slightly to the left of this one.

Zigzag

A line that can't go straight.

Multiple small segments arranged in a zigzag pattern that scrolls horizontally. The infinite treadmill of angular motion.

Plus Ultra

A plus sign on a spin cycle.

Two rectangles crossed and rotating. When it hits 45 degrees it becomes an X. Is it addition or multiplication? Both. Neither.

Blink

An eye that watches you back.

CSS-constructed eye shape that blinks at random intervals. The pupil follows your cursor. Mildly unsettling. Entirely delightful.

Nest

Squares growing inside squares.

Nested squares that expand from the center and fade at the edges. Like zooming into a fractal but giving up after 4 iterations.

🧩

Flip Disc

A disc that can't pick a side.

A circle that continuously flips along its Y-axis, revealing alternating colors. The world's tiniest, most indecisive coin.

Pink Cloud

Particles drifting in formation.

A cluster of small circles drifting and regrouping. They never quite form a shape. They never quite stop trying.

Pendulum

Tick. Tock. Tick. Tock.

A line that swings back and forth with a weighted bob at the end. Newton's cradle for one. Loneliest pendulum on the internet.

Double Helix

The building blocks of weirdness.

Two intertwined sine-wave dot patterns scrolling vertically. DNA for a creature that exists only in CSS. Genetically modified for maximum charm.

Radar

Scanning for nearby quirks.

A rotating line inside a circle with a fading trail. Detecting absolutely nothing of consequence. Full signal, zero content.

Blob

Amorphous and proud of it.

A shape that morphs between various border-radius values. Not quite a circle, never a square. Living its best undefined life.

Loading...

Forever loading. Never arriving.

A segmented circle with a rotating gap. The universal symbol of patience. This one never resolves. Welcome to the eternal buffer.