aikemist

Day 001

Color DNA

Extract color palettes from any URL or image. Generate mesh gradients. Export to CSS, Tailwind, or JSON.

→ Day 002

Rune Writer

Transform text into ancient runes. Elder Futhark, Viking, and Anglo-Saxon scripts with mystical effects.

→ Day 003

Hva Slags Fjord Er Du?

Norwegian fjord personality quiz. Answer 7 questions to discover your inner fjord.

→ Day 004

Hypernormal Objects

Toggle between polished interfaces and their hidden architecture. What you see. What's underneath.

→ Day 005

Meeting Cost Calculator

Watch your meeting budget evaporate in real-time. Add attendees, start the timer, cringe at the total.

→ Day 006

Mesh Gradient Generator

Create stunning mesh gradients like OpenAI and Stripe. Animate, drag points, export PNG/CSS/SVG. 12 brand presets.

→ Day 007

Favicon Generator

Generate beautiful favicons from text or emoji. Live browser preview, custom colors, download all sizes as ZIP.

→ Day 008

QR Code Generator

Create beautiful, customizable QR codes. Custom colors, multiple styles, WiFi and vCard templates. Download PNG or SVG.

→ Day 009

Gradient Text Generator

Create stunning CSS gradient text. Beautiful presets, custom colors, 8 directions. Copy CSS with one click.

→ Day 010

OG Image Generator

Create stunning Open Graph images for social sharing. 6 templates, mesh gradients, noise effects, shareable URLs.

→ Day 011

Box Shadow Generator

Create beautiful CSS box shadows. Multi-layer support, 9 designer presets, visual controls, shareable URLs.

→ Day 012

Gradient Border Generator

Create CSS gradient borders visually. 8 presets, 3 shapes, custom colors and angles. Copy clean CSS.

→ Day 013

Glassmorphism Generator

Create frosted glass effects with live preview. 6 glass presets, color tint, blur, and saturation controls. Copy CSS.

→ Day 014

Neumorphism Generator

Create soft UI neumorphic shadows. 4 styles, 5 shapes, quick presets. Interactive toggle and shareable URLs.

→ Day 015

Wave Divider Generator

Create SVG wave section dividers. 4 wave types, 6 presets, full control. Download SVG or copy CSS.

→ Day 016

Regex Builder

Build regex patterns visually. 12 quick patterns, live testing, detailed explanations. No cryptic syntax required.

→ Day 017

Aurora Generator

Interactive northern lights. Mouse-controlled generative art with 6 palettes. Download stunning 1080p images.

→ Day 018

Screenshot Beautifier

Make screenshots shine. Add device frames, gradient backgrounds, and shadows. Free, instant, no signup.

→ Day 019

Clip-Path Generator

Create CSS clip-path shapes visually. Drag points, choose presets, copy code. Polygons, circles, ellipses, insets.

→ Day 020

Blob Generator

Create organic SVG blobs. Adjust complexity, smoothness, colors. Animate and export SVG, PNG, or CSS.

→ Day 021

CSS Filter Generator

Create CSS filter effects visually. Blur, brightness, contrast, sepia, and more. 9 presets included.

→ Day 022

Text Shadow Generator

Create CSS text shadows visually. Neon, 3D, emboss, retro effects. Multi-layer support, 9 presets.

→ Day 023

Aspect Ratio Calculator

Calculate dimensions for any ratio. Video, photo, social media presets. Lock width or height, instant math.

→ Day 024

CSS Animation Generator

Create beautiful animations visually. 16 presets, timing controls, keyframe timeline. Export production-ready CSS.

→ Day 025

CSS Loader Generator

18 pure CSS loading animations. Spinners, dots, bars, and creative styles. Copy HTML+CSS, customize everything.

→ Day 026

Typography Scale Calculator

Generate harmonious type scales for design systems. Musical ratios, CSS/Tailwind/SCSS export, visual preview.

→ Day 027

Spacing Scale Calculator

Generate consistent spacing scales for design systems. 8 presets including Tailwind, Material, Fibonacci. Live UI preview.

→ Day 028

Color Contrast Checker

WCAG accessibility contrast checker. Test AA/AAA compliance, get accessible color alternatives automatically.

→ Day 029

CSS Grid Generator

Visual CSS Grid layout builder. Holy Grail, Dashboard presets. Named areas, editable tracks, clean CSS output.

→ Day 030

Scrollbar Styler

Design custom CSS scrollbars visually. 6 presets, cross-browser output. WebKit + Firefox support.

→ Day 031

Image Color Extractor

Extract color palettes from any image. Median cut algorithm, percentage breakdown, export to CSS/Tailwind/JSON.

→ Day 032

Kinetic Type

Mesmerizing animated text effects. Wave, glitch, bounce, rainbow — 12 effects with speed, stagger, and color controls.

→ Day 033

Flexbox Generator

Visual CSS flexbox builder. 8 layout presets, per-item controls, live preview. The perfect companion to CSS Grid.

→ Day 034

Button Generator

CSS button builder. 6 styles (solid, outline, ghost, soft, gradient, 3D), state previews, hover effects. Copy CSS instantly.

→