Layer Styles

Layer effects dialog for configuring drop shadow, inner shadow, outer glow, bevel & emboss, stroke, gradient overlay, and more.

CategoryDialogs
Sourcepackages/editor-ui/src/layer-styles
Preview Portpsd.pg.yatsyk.com (dev)

Live Preview

Dev only:Run cd apps/ui-preview && pnpm dev -p 7041 for live preview. Source: packages/editor-ui/src/layer-styles

Variants

Drop ShadowShadow with angle, distance, spread, size
StrokeOutline with color, width, position
Bevel & Emboss3D lighting effect

Props

PropTypeDescription
storeLayerStylesStoreMobX store managing enabled effects and their parameters

Source Code

Component source: packages/editor-ui/src/layer-styles

UI Preview page: apps/ui-preview/app/layer-styles/page.tsx