Framer extension providing Avalanche brand assets, colors, and fonts for designers building products in the Avalanche ecosystem.

Generates consistent typography and color styles from curated combinations to create accessible, cohesive design systems quickly.

Import CSS color systems into Framer, parse files or pasted CSS, merge light/dark variants, and auto-create organized color styles.

Instantly generate harmonious color palettes from images or theory with six modes: Image extraction, Complementary, Triadic, Analogous, Monochromatic, Tetradic.

Export/import Framer text and color styles as JSON to sync and share consistent design systems across projects.

Apply color overlays to images with 16 blend modes, adjustable opacity, and real-time preview.

Generate beautiful color palettes and preview them on your design in real time, enabling instant visual feedback and rapid iteration.

Replace image colors instantly: select a target hue, pick a new shade, and apply the change in two clicks, reliably.

Upload an image to generate a five color palette in Framer. Save, copy, and reuse colors for design and development.

Tokens Studio integrates with Framer: use platform-stored design tokens to create styles, apply logic, and map light/dark modes.

Accessible, on-canvas WCAG contrast checker for Framer — input HEX, RGB, HSL, or use the color picker to verify compliance.

Palette Pro: Instantly generate, save, and apply color palettes in Framer; switch light/dark themes for comfortable design.

Customizable mesh-gradient generator for Framer: adjustable color blends, positions, and radii for backgrounds, overlays, and effects.

Collection of 18 Framer-native design tools to generate mesh gradients, patterns, backgrounds, shapes, and image effects.

Radix Colors for Framer: 30 accessible, professionally designed color scales with automatic light/dark mode, plus easy preview, select, and organize.

Generate one-click color palettes in Framer—custom or Tailwind, Adobe Spectrum, Material presets—with Dark Mode and WCAG accessibility.

Production-ready sections, components, and forms; 26 themes with one-click switching; fully customizable or detachable layers.

Create customizable QR codes with URLs, text or images; personalize shapes and colors; fast one-click export for interactive projects.

Generate and fine-tune color palettes in Framer using a color wheel and LCH-capable advanced color picker.

Generates accessible, customizable color palettes quickly for designers

Style generator for Framer producing complete text and color systems with responsive typography and dynamic theme support for scalable design.

FrameKit manages typography, color palettes, and style systems in Framer; generate hierarchies, import Figma colors, and share styles.

Calculate color contrast ratios to verify WCAG-compliant accessibility for text and UI elements.

ShaderGradient: customizable animated website gradients—adjust colors, shapes, grain, lighting, and other effects for unique backgrounds.

Styles IO exports and imports text and color styles as JSON between projects.

Import Tailwind palettes or specific shades into Framer and automatically generate corresponding dark mode colors.

Instantly create cohesive shades and tints from any color; apply to Color Styles or place on Canvas.

Import and sync Figma color styles directly into Framer, keeping color palettes consistent across projects.

Create animated gradients, interactive grids, and custom vector shapes directly in Framer; export-ready, editable, and easy to customize for designers.

40,000+ icons from 20+ free open-source packs with customizable sizes and colors.