Stop guessing at shadow values. Shadow Supply gives you instant access to 20 handcrafted box shadow presets, organized by style and built for real design work.
What it does
Browse a curated library of premium shadows across 5 categories — Soft, Sharp, Layered, Colored, and Inset. Each preset is carefully crafted to work beautifully on cards, buttons, modals, images, and any other element in your Framer project.
Click any shadow to reveal its complete breakdown: Type, Position, Color, Opacity, X, Y, Blur, and Spread — every value you need to enter it directly into Framer's shadow panel in seconds. No guesswork, no tweaking from scratch.
Features
20 premium shadow presets across 5 categories
Per-value copy buttons for fast, accurate entry into Framer
Search shadows by name or category
Favorite your most-used presets for quick access
Clean, dark UI that feels native to the Framer editor
Who it's for
Shadow Supply is built for Framer designers who want professional-looking depth and elevation without spending time dialing in shadow values manually. Whether you're building a landing page, a SaaS dashboard, or a portfolio, the right shadow makes everything feel more polished.
Use cases
Adding depth to cards and feature sections
Giving buttons and CTAs a lifted, tactile feel
Creating layered elevation systems across a design
Applying colored glows to accent elements
Getting inset shadows on input fields and pressed states
Moved icon to the public folder and corrected the path in the framer.json