Tools Utilities and generators to supercharge your design engineering workflow. Animation & Motion Create smooth, physics-based animations for web and mobile. Spring Physics Visualise and generate spring animations for Motion, CSS, SwiftUI, and Android. Easing Generator Create custom cubic-bezier curves for smooth CSS and Motion transitions. Visual Design Tools for colours, shadows, gradients, and visual properties. Gradient Generator Create linear, radial, and conic gradients with export for CSS, Tailwind, SwiftUI, and Android. Shadow Generator Design shadows and export for CSS, Tailwind, SwiftUI, Android, and React Native. Colour Converter Convert colours between HEX, RGB, HSL, OKLCH, SwiftUI, and Android formats. Aspect Ratio Calculate dimensions and generate aspect-ratio code for CSS, Tailwind, SwiftUI, and Android. Border Comparison Compare grey borders vs semi-transparent borders on colourful backgrounds. Blend Mode Explorer Learn how blend modes work and experiment with stacking them for beautiful effects. Corner Radius Calculator Calculate harmonious nested corner radii for optically perfect UI components. Design Systems Build consistent, scalable design foundations. Spectrum Generator Generate harmonious colour scales from any colour using perceptually uniform OKLCH. Token Calculator Generate harmonious typography and spacing scales for Tailwind v4, CSS, or SCSS. Token Naming Build consistent semantic token names with auto-generated variants and states. Mobile & Accessibility Tools for building accessible, platform-native experiences. Touch Target Calculator Validate touch target sizes against iOS, Android, and WCAG accessibility guidelines. App Icon Sizes Reference guide for all required app icon dimensions across iOS, Android, macOS, and web. Code & Development Convert and validate your code across frameworks. Framework Converter Convert component syntax between React, Vue, Svelte, Astro, and Solid. AI-Powered Intelligent tools to accelerate your workflow. Task Builder Generate customised design engineering tasks and practice scenarios with AI. Accessibility Auditor AI-powered analysis of your components for accessibility and contrast issues.