Tools
Professional design and development tools crafted with care
Dark Mode Converter →
Convert your light mode colors to dark mode using OKLCH color science. Export to CSS, Tailwind, and JSON.
UI Colors Generator →
Generate perfect Tailwind CSS color shades using OKLCH color science. Export to Tailwind v4, Figma Variables, CSS, and JSON.
Lottie Hub →
Preview, edit colors, and export Lottie animations. Keep your motion graphics on-brand with easy color customization. Export to GIF and JSON.
Numeric Scale Generator →
Generate linear or logarithmic numeric scales for Figma variables. Perfect for spacing, sizing, and typography scales. Export to Figma Variables JSON.
Dot Motion Generator →
Generate stunning particle dot animations for website backgrounds. 14 scenes including wave grids, spiral galaxies, and infinity loops. Export to WebM, GIF, PNG, or HTML embed.
Creative System Prompt Builder →
Build production-ready system prompts for any AI model using a structured 7-section framework. Works with Midjourney, FLUX, Sora, Claude, GPT, and more.
Figma Presentation Page Number →
Auto-number your presentation slides in Figma. Detects page number layers in any section and updates them in the correct order — left-to-right, top-to-bottom.