Browse the tool catalog - Design | Elysia Tools

Elysia Tools

Browse tools, examples, visual explainers, and topic guides from one clear workspace.

Top Categories

Hubs

Language

ZH ES PT RU FR DE EN

Elysia Tools

Navigation

Tools

Browse the tool catalog - Design

Search and filter the online tool directory by task, format, and category, then open detailed pages with clear inputs, examples, and execution context. Focused on Design.

1 2 3 4 5 6 7 Next

Math, Date & Finance613

Calculators, numerics, date logic, statistics, and finance tools

Images, Audio & Video582

Image, audio, and video processing, conversion, and optimization tools

Design & Color291

Color, layout, graphics, visual styling, and design helper tools

Text & Writing204

Writing, cleanup, formatting, extraction, and text analysis tools

Developer & Web172

Developer utilities, networking, web debugging, and automation helpers

Conversion & Encoding169

Format, file, archive, unit, and encoding conversion tools

Audio Encoding and Format Conversion Tools

Image Format Conversion and Animated Export Tools

JSON Interchange and Format Translation Tools

Color Space Conversion Tools for Web and Print

Text Case, Encoding, and Normalization Conversion Tools

Docs Pricing Terms of Service Privacy Policy Contact

Design

Social Media Template Resize Grid Composer

One master image in, a full multi-platform asset kit out — every crop previewed with verified safe-zone overlays and shipped as a ZIP.

Design

Glassmorphism CSS Snippet Builder

End-to-end frosted-glass / neumorphism CSS snippet generator: blur+saturate backdrop, tint, border, layered shadows, grain overlay, @supports fallback, -webkit- prefix, Tailwind mapping and live preview.

Design

Social Media Safe-Zone Preview

Upload one image and preview how it appears on Instagram Feed/Story/Reels, TikTok, YouTube, X, and LinkedIn — with platform safe-zone overlays showing exactly which pixels get cropped or covered by UI before you publish.

Design

Web Font Pairing Lab

Preview a heading + body Google Fonts pairing with weight and line-height controls, and copy a ready-to-paste CSS @import + variables snippet. Curated 22-face registry plus 7 proven pairing presets.

Design

Social Media Image Size Cheatsheet

A curated 2026 reference of image dimensions for Instagram, Facebook, X, LinkedIn, YouTube, TikTok, Pinterest and WeChat — filterable by platform.

Design

Image Palette to Design Tokens

Extract a dominant color palette from an image (k-means clustering), then export it as CSS variables, SCSS variables, a Tailwind config, or JSON design tokens — with named colors and an auto-generated shade scale for each

Design

Red-Cyan 3D Anaglyph Generator

Generate red-cyan 3D anaglyph images from regular photos. Creates stereoscopic 3D images viewable with red-cyan 3D glasses.

Design

Depth Map Generator

Generate depth maps from images using brightness, saturation, and edge analysis. Creates grayscale depth maps where lighter pixels indicate closer objects and darker pixels indicate further objects.

Design

Parallax Animation Generator

Generate parallax animations from images. Creates depth-based animation where different layers move at different speeds, creating a 3D effect.

Design

Stereogram Generator

Generate 3D stereogram (Magic Eye) images from text - creates hidden 3D text that reveals itself when viewed correctly

Design

Color Palette Extractor

Extract a beautiful color palette from any image

Design

Image Color Picker

Pick colors from images by specifying coordinates. Get color values in HEX, RGB, HSL, HSV, and CMYK formats.