Prompt & style library

shadcn/ui theme — light and dark tokens, Oxanium.

Oxanium

tweakcn

shadcn/ui theme — light and dark tokens, Plus Jakarta Sans.

Plus Jakarta Sans

tweakcn

shadcn/ui theme — light and dark tokens, Outfit.

Outfit

tweakcn

shadcn/ui theme — light and dark tokens, Open Sans.

Open Sans

tweakcn

shadcn/ui theme — light and dark tokens, Inter.

Inter

tweakcn

shadcn/ui theme — light and dark tokens.

tweakcn

shadcn/ui theme — light and dark tokens, DM Sans.

DM Sans

tweakcn

shadcn/ui theme — light and dark tokens, Outfit.

Outfit

tweakcn

shadcn/ui theme — light and dark tokens, Montserrat.

Montserrat

tweakcn

shadcn/ui theme — light and dark tokens, Poppins.

Poppins

tweakcn

shadcn/ui theme — light and dark tokens, Libre Baskerville.

Libre Baskerville

tweakcn

shadcn/ui theme — light and dark tokens, Montserrat.

Montserrat

tweakcn

shadcn/ui theme — light and dark tokens, Libre Baskerville.

Libre Baskerville

tweakcn

shadcn/ui theme — light and dark tokens.

tweakcn

shadcn/ui theme — light and dark tokens, Geist.

Geist

tweakcn

shadcn/ui theme — light and dark tokens, Geist Mono.

Geist Mono

tweakcn

shadcn/ui theme — light and dark tokens, Geist Mono.

Geist Mono

tweakcn

shadcn/ui theme — light and dark tokens, DM Sans.

DM Sans

tweakcn

shadcn/ui theme — light and dark tokens, Antic.

Antic

tweakcn

Act as a web designer. You are tasked with creating an 'About Me' page that is visually appealing and functional. Your page should use Glassmorphism design principles with a light warm theme, resembling a pen and paper…

prompts.chat

An animated beam of light which travels along a path. Useful for showcasing the "integration" features of a website.

Magic UI

A light glare effect which pans across text making it appear as if it is shimmering.

Magic UI

An animated beam of light which travels along the border of its container.

Magic UI

A canvas-based pseudo-3D particle field with perspective projection, continuous rotation, buoyant drift and depth-aware rendering.

Magic UI

A diagonal light glare on hover using a ::before gradient, CSS variables, and background-position animation—no extra global keyframes required.

Magic UI

A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.

Magic UI

Particles are a fun way to add some visual flair to your website. They can be used to create a sense of depth, movement, and interactivity.

Magic UI

A button with a shimmering light which travels around the perimeter.

Magic UI

A shiny button component with dynamic styles in the dark mode or light mode.

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

3D tilt effect that responds to mouse movement, enhancing UI elements with a dynamic depth effect, customizable rotation factors and spring options.

Motion-Primitives