Figma foundation

Shadows and effects

Elevation from xs to 2xl as effect styles, for cards, menus, popovers and dialogs.

Freexs to 2xl

Shadows and effects in FigmaEvery variant and state is in the free Figma Lite file and the full library. Open it in Figma to inspect the layers, properties and tokens.

Open in Figma

All components

Color stylesBrand, grey and state rampsFree Grids and spacingDesktop, tablet and mobileFree Tooltips4 variantsPro

ALL COMPONENTS

Browse by category

Every component and style in the library, in one place.

Foundation6 styles

Icons4 stylesProColor stylesBrand, grey and state rampsFreeTypographyDisplay and text scalesFreeShadows and effectsxs to 2xl elevationFreeGrids and spacingDesktop, tablet and mobileFreeDesign annotationsSpecs, pins and redlinesPro

Base components12 components

Buttons6 variants · 5 sizesFreeButton groups4 variantsFreeBadges5 variantsFreeTags3 variantsFreeInputs8 variantsFreeDropdowns6 variantsProCheckboxes4 variantsFreeRadio groups4 variantsFreeToggles3 variantsFreeAvatars6 variantsFreeTooltips4 variantsProProgress indicators5 variantsPro

Start with the free Lite file

Build your next screen with Gridnivo

Every component, in Figma today and React soon. Same tokens, same names, one license.

Buy now

Preview in Figma

Shadows and effects

Related components

Browse by category

Build your next screen with Gridnivo