Prompt & style library

Blur fade in and out animation. Used to smoothly fade in and out content.

Magic UI

Add a progressive blur effect to scrollable content

Magic UI

A Progressive Blur component creates a layered blur effect using motion and gradient masks. It progressively blurs layers based on direction and intensity, adding visual depth.

Motion-Primitives

Premium frosted glass with a nocturne temperament. Deep ink scenes and restrained light wells; the glass borrows light instead of carrying color — gaussian blur, saturation boost, lit top edges and film grain make glass…

StyleKit

Native macOS dark vibrancy style. Multi-layer dark gray panels, system-level backdrop-blur, and extreme restraint create the calm, professional feel of a desktop application.

StyleKit

A design style inspired by watercolor painting, featuring soft color gradients, blurred edge effects, paper texture backgrounds, and flowing color diffusion, conveying artistry and poetry.

StyleKit

Frosted glass, transparent, blurred background, layered, vibrant background, light source, depth, multi-layer. Best for Modern SaaS, financial dashboards, high-end corporate, lifestyle apps, modal overlays, navigation.

UI/UX Pro Max

Apple's revolutionary design language from WWDC 2025, creating an organic, fluid visual experience beyond traditional frosted glass through SVG refraction filters, rainbow edge halos, fluid morphing animations, and mult…

StyleKit

Microsoft's design system integrating five key elements -- light, depth, motion, material, and scale -- to create natural and intuitive cross-platform experiences.

StyleKit

Photography is the interface. Full-bleed images fill the viewport with text floating over readability scrims; a slow Ken Burns drift lets stills breathe, a blur-up placeholder loads first and the real frame fades in. Th…

StyleKit

A customizable glow effect with animation modes, colors, blur-sm, and transitions.

Motion-Primitives