All tools
A focused generator for every job, all sharing the same instant-preview workflow — pick one and start creating.
Design Studio
The showpieces. 3D device mockups, 3D logos, code shots, favicons and social cards, exported ready to ship.
Website Builder
Build a complete one-page website by clicking and typing on the page itself. Start from a business template, edit text straight on the design, change colours and fonts with one control, then export clean HTML and CSS you can upload anywhere.
3D Mockup
Put your screenshot or video on a real 3D phone or tablet — grab the device and spin it in true perspective, with lit metal edges, floor shadows, five finishes and studio backdrops. Export a crisp 2× PNG, or a WebM clip of your video playing on the device.
Favicon
Turn any image into a full favicon set — favicon.ico, PNGs for every platform, Apple touch icon, web manifest and paste-ready HTML — then download it all as a ZIP. Includes setup steps for HTML, Next.js, Vite, Nuxt and WordPress.
Link Preview
See exactly how your link unfurls on Google, X, Facebook, Slack and Discord before you ship it — fill in the title, description and image once, watch every card update live, then copy production-ready Open Graph and Twitter meta tags.
Logo Tester
Drop in your logo and see how it really performs — on light, dark, colored and busy backgrounds, shrunk to favicon size, squinted, grayscaled and silhouetted, plus favicon, app-icon and avatar mockups. Get a smart visibility score with graded metrics and plain-English fixes.
Code Image
Turn any code snippet into a beautiful, shareable image — VS Code-grade syntax highlighting for 20+ languages via Shiki, real editor themes, window chrome, gradient backdrops, line numbers and retina PNG export. Perfect for X, slides, docs and READMEs.
3D Logo
Turn any SVG logo into real 3D — extrude it with bevelled depth, dress it in chrome, gold, glass or neon, grab it and spin it in true perspective over studio backdrops. Export a transparent PNG at up to 4×, or record a WebM of it rotating.
OG Studio
Design social share cards that actually get clicked — mesh, gradient and photo backgrounds, gradient headlines, logos and bylines, film grain and glass. Lay out once, then export a pixel-perfect PNG for Open Graph, X, LinkedIn, stories and YouTube — or copy a drop-in Next.js opengraph-image route that generates it per page.
Carousel
Design swipeable Instagram and LinkedIn carousels that get saved and shared — pick a theme once and every slide stays on-brand, with cover, bullet, quote and call-to-action layouts, gradient headlines, page dots and a swipe hint. Reorder slides live, then export every slide as a crisp PNG or download the whole set as a ZIP.
Avatars
Generate unique avatars in 21 art styles — type any name for a matching face, tweak the background and corners, then export crisp SVG or PNG. Perfect for profiles, placeholders and team pages.
VectorForge
Turn PNG and JPG artwork into clean, editable SVG paths — compare the trace against the original, remove flat backgrounds, tune detail and smoothing, recolor every layer and export production-ready SVG or PNG.
App Screenshots
Turn raw app screenshots into a store-ready set — device frame, headline and background — exported at the exact sizes Apple and Google require, every size in one ZIP.
Loop Studio
Animate a wordmark, SVG or logo into a seamless loop — ten motion presets, scrubbable timeline — then export it as a GIF, a WebM, a CSS sprite sheet or a numbered PNG sequence.
Links & QR
Click-to-chat links, QR codes, share buttons, contact cards and campaign URLs.
Create click-to-chat WhatsApp links with a prefilled message, format group invites, and bulk-generate links from a CSV of numbers.
QR Code
Generate QR codes for URLs, text, phone numbers, email, WiFi networks and vCards. Customize colors, size, error correction and add your logo.
Share Links
Build share links for WhatsApp, Telegram, X, Facebook, LinkedIn, Reddit and email — plus a native share button for mobile.
SMS
Create sms: links that open the messaging app with the number and message already filled in. Perfect for ads, posters and email signatures.
Compose mailto: links with subject, body, CC and BCC prefilled. Great for support buttons, signatures and landing pages.
vCard
Build a complete vCard 3.0 contact card, preview it live, download the .vcf file and share it as a scannable QR code.
UTM
Append UTM parameters to any URL with handy presets for common channels. Keep your analytics clean and consistent.
Barcode
Make scannable 1D barcodes — Code 128, EAN-13, UPC-A, EAN-8, ITF-14, Code 39, Codabar and Pharmacode. Smart format auto-detection, live validation, full color and density control, crisp SVG or high-res PNG export, and batch-generate a whole list into a ZIP.
Image Lab
Remove backgrounds, upscale, split and stylize. Retouch any picture in place.
Grid Splitter
Split your images into perfect 3x1, 3x3, or custom grids for Instagram. High-quality slices ready for your profile.
Duotone
Turn any photo into a striking two-tone image — map the shadows to one color and the highlights to another, with curated presets, contrast, midpoint and film-grain controls. Recolor live and export a crisp PNG.
Halftone
Turn any photo into a retro halftone — a rotated screen of dots sized by brightness, the classic newsprint and comic-book look. Choose dot shape, spacing, angle and ink/paper colors, then export a PNG or a crisp, infinitely-scalable SVG for print.
BG Remover
Remove the background from any image — AI segmentation for photos and complex art, instant color-matching for flat graphics, with feathered edges and auto-trim.
Converter
Convert images between PNG, JPEG and WebP, resize or upscale with high-quality resampling, then polish with sharpening, auto levels and color controls. Live file-size estimate.
Attention
Predict where users will look in your designs. Uses local contrast, edge density and color rarity to generate a visual-attention saliency map and find hotspots.
Color
Palettes, Pantone matching, image color extraction and accessible contrast.
Palette
Generate harmonious color palettes with color-theory modes — lock the colors you love and shuffle the rest, then export CSS variables, SCSS, JSON or Tailwind.
Pantone
Find the closest Pantone colors to any hex, RGB or on-screen color — matched against the full 1,341-ink PMS Solid Coated library and ranked perceptually with the CIEDE2000 formula, not crude RGB distance. Pick a color, eyedrop the screen or browse the library, then copy the exact ink name.
Color Extractor
Upload an image to extract its dominant colors as a clean palette — copy any swatch as HEX, RGB or HSL, sort by frequency or hue, pick colors from your screen, and export to CSS, SCSS, JSON or Tailwind.
Contrast
Check text and background colors against WCAG 2.1 (AA/AAA) and modern APCA contrast — with a live preview, an eyedropper, and a smart fix that nudges any color to the nearest accessible shade.
Backgrounds & Shapes
Gradients, meshes, seamless patterns, blobs and custom clip shapes.
Mesh Gradient
Paint silky mesh gradients the Stripe way — drag color blobs around the canvas, shuffle harmonious palettes, add film grain, then export pure-CSS radial gradients, a standalone SVG, or a PNG.
Patterns
Build seamless background patterns from pure CSS — dots, grids, stripes, checks, crosshatch, triangles and zigzag. Tune tile size, weight, angle, opacity and colors, then export CSS, Tailwind or SVG. Razor-sharp at any zoom, zero image weight.
Clip Path
Carve any element into a custom shape — drag polygon handles on a live preview, start from 16 ready-made shapes, add or remove points, and clip your own image. Export the clip-path as CSS or Tailwind.
Gradient
Craft linear, radial and conic CSS gradients with full stop control, curated presets and a smart randomizer — then export CSS, Tailwind or SVG.
Blobs & Waves
Generate organic SVG blobs and layered section-divider waves — tune points, randomness, layers and amplitude, shuffle for endless variations, and pour in a gradient. Export crisp SVG, a CSS background snippet, or PNG.
CSS Effects
Glass, shadows, glows, grids and 3D tilts, tuned live and exported as clean CSS.
Grid Builder
Design CSS Grid layouts visually — drag to draw areas, move and resize them with your mouse, tune track sizes and gaps, then export clean CSS, HTML or Tailwind.
Glassmorphism
Design frosted-glass cards visually — drag the card over vivid backgrounds while you tune blur, transparency, saturation, tint and highlights, then export CSS or Tailwind with a built-in fallback.
Material Forge
Invent responsive digital materials from light, roughness, refraction, metallic response, spectral film and grain. Test them under a movable studio light, mutate new specimens, and export the layered CSS recipe.
Shadow
Design layered, naturalistic box-shadows — stack up to eight shadows with smooth penumbra falloff, dial in the light direction, distance, blur and color, then export clean CSS or Tailwind. Far softer than a single drop shadow.
3D Transform
Orbit any element in 3D — drag to tilt, then tune perspective, rotation, depth and scale with live light glare and a reactive floor shadow. Export the transform as CSS, Tailwind, or a drop-in pointer-tilt JS snippet for hover effects.
Filter Lab
Tune photo filters live and compare with a draggable before/after split — brightness, contrast, saturation, hue, sepia, grayscale, invert, blur and a real drop-shadow. Start from 12 looks, drop in your own photo, then export the filter as CSS or Tailwind.
Neumorphism
Generate soft-UI elements with auto-derived light and dark shadows from any base color — flat, concave, convex or pressed, with a movable light source. Export CSS or Tailwind.
Easing
Shape animation timing visually — drag a cubic-bezier curve or tune a real spring, watch it loop on position, scale, rotation and opacity, then export CSS, Tailwind or Framer. Springs bake down to a modern CSS linear() curve.
Border Glow
Design glowing borders for cards and buttons — neon halos, gradient edges, or an animated rotating aurora border with a soft bloom. Tune blur, reach, intensity and speed live on a dark or light stage, then export clean CSS (with a reduced-motion guard) or Tailwind.
Type & Text
Type scales, fluid sizing, placeholder text and reading-time stats.
Markdown Studio
Write Markdown with a live visual preview, keep documents organized in a private browser library, start from templates, and export Markdown, styled HTML or print-ready PDF.
Lorem Ipsum
Generate lorem ipsum paragraphs, sentences or words with live word counts — as plain text, HTML or Markdown, with optional bold, italic and link markup for testing rich layouts.
Reading Time
Paste any text to get reading and speaking time at adjustable speeds, full word and sentence stats, and a Flesch readability score — with Medium-style image time included.
Fluid Type
Generate responsive CSS clamp() font sizes that scale smoothly between any two viewports — a full modular type scale with a live resize preview. Export to CSS variables or Tailwind.
Typography
Ten text effects in one studio — gradient, animated gradient, aurora, split-color, metallic, neon, glow, outline, glass and 3D. Edit your headline live, dial in any font, weight and spacing, shuffle harmonious colors, then export clean CSS (reduced-motion safe) or Tailwind.
Brand Lab
Extract, define and stress-test a visual identity, from any site or your own.
Foundry
Forge a complete design system from a single brand color — perceptually even OKLCH color ramps, contrast-checked light and dark themes, font pairings, a modular type scale, spacing, radii and shadows, all previewed live on a mini product page. Export CSS variables, Tailwind v4, a paste-ready shadcn/ui theme, or JSON tokens.
Design DNA
Paste any website's URL and get its design system extracted in seconds — the real color palette, font stacks, type scale, spacing steps, shadows, corner radii and CSS design tokens, ranked by actual usage. Export everything as CSS variables, Tailwind theme or JSON and start your next project from a look you love.
Brand Mapper
Map your brand on Aaker's five personality dimensions — Sincerity, Excitement, Competence, Sophistication and Ruggedness — and get a live radar chart plus a tailored palette, type, and tone-of-voice kit.
Utilities
Passwords, hashes, data converters and a professional invoice maker.
Password
Generate cryptographically secure passwords, memorable passphrases and PINs with live entropy and crack-time estimates. Passwords are never stored or logged.
Hash
Compute MD5, SHA-1, SHA-256, SHA-384, SHA-512 and CRC32 hashes of any text or file — with HMAC signing and checksum verification. Verify downloads and sign payloads in seconds.
JSON to CSV
Transform nested JSON objects or arrays into flat, clean CSV files for Excel or Google Sheets. Features smart object flattening and instant preview.
Invoice
Create a clean, professional invoice in minutes — your logo and business details, line items with quantities, tax and discounts in any currency, automatic numbering and totals. Everything stays saved in your browser; print it or save it as a PDF with one click.
LaunchReady
Run a practical preflight before you publish — scan any public page for search, accessibility, security, speed and content issues, then get the important fixes in plain language with code ready to copy.
Slugify
Turn any title into a clean URL slug — accents folded, symbols spelled out, filler words dropped and length capped. Paste a list to slugify hundreds at once.
Playground
A live code editor, messages hidden inside pixels, 3D dot fields and sound.
Live Editor
Write HTML, CSS and JavaScript and watch the page rebuild as you type — with Emmet, autocomplete, a real console, an element inspector and one-link sharing.
Cyber Lab
Learn attacks by operating safe visual simulations — type into vulnerable inputs, inspect how systems interpret data, trigger incidents, and activate the defense that stops each one.
Image Secrets
Hide a secret message inside any image — the pixels carry your text invisibly using LSB steganography, with optional AES-256 encryption so only your passphrase can read it. Decode it back just as easily.
Magic Eye
Hide a secret word or shape inside a field of colorful dots — a real autostereogram that pops into 3D when you relax your eyes, just like the 90s Magic Eye posters. Tune the depth, pattern and colors, then download the PNG.
Audio Secrets
Hide a message or logo inside real sound — type it and get an audio file whose spectrogram literally spells it out, the trick Aphex Twin buried in Windowlicker. Play it, download the WAV, then decode any audio file to reveal what's hidden inside.
Sorting Lab
Watch fourteen sorting algorithms work, step by step and backwards too — scrub the timeline, race four at once on the same array, and see the comparisons and writes counted as they happen.
Pathfinding Lab
Draw walls and swamps, generate a maze, then watch A*, Dijkstra, breadth-first and greedy search hunt for a route — scrub the search, step backwards, and run two algorithms side by side on the same board.