Prompt & style library

Animation-heavy, microinteractions, smooth transitions, scroll effects, parallax, entrance anim, page transitions. Best for Portfolio sites, storytelling platforms, interactive experiences, entertainment apps, creative,…

UI/UX Pro Max

Type is the interface. On an ink-black stage the variable font itself becomes the animation: letters arrive one by one, weights breathe, widths stretch with scroll velocity. Motion belongs to the words alone, and a sing…

StyleKit

Space Grotesk + Space Grotesk — neo brutalism, pop art, loud, bold, heavy, stickers, mechanical, high contrast, cream, gen-z

Space Grotesk

UI/UX Pro Max

Animated theme toggle using the View Transitions API with configurable clip-path shapes and origin.

Magic UI

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

Magic UI

A background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

An interactive 3D tag cloud component

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

An implementation of the MacOS terminal. Useful for showcasing a command line interface.

Magic UI

A text animation component that animates text using a variety of different animations.

Magic UI

A card that displays a tweet with the author's name, handle, and profile picture.

Magic UI

A flexible and easy-to-use carousel with customizable navigation and indicators.

Motion-Primitives

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert. Customize the dialog with variants and transition.

Motion-Primitives

A versatile UI element that provides a flexible and customizable way to organize and display menu items within your application.

Motion-Primitives

A dialog that uses layout animations to transition content into a focused view. It supports click-outside and escape key functionalities for closing.

Motion-Primitives

A popover that transforms from its trigger into the content using layout animations. It visually morphs instead of appearing as a separate element.

Motion-Primitives

Easily animate text content with various effects. You can apply animations per character or per word, and customize the animation effects using custom variants or preset animations.

Motion-Primitives

Changes height based on content, expanding to display more tools and shrinking to save space. Keeps your screen organized and efficient.

Motion-Primitives

An Apple-keynote product-reveal aesthetic: a pitch-black stage, luminous product imagery, huge tight-tracking headlines and one electric-blue accent. The signature is a scroll-scrubbed frame sequence - a sticky canvas p…

StyleKit

Scrolling is the narrative timeline. A sticky canvas pins to the viewport while text steps scroll past it, each step triggering a state change — numbers count, shapes morph, layers light up. Information reveals frame by…

StyleKit

Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.

wshobson agents

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

The Verge's 2024 redesign feels like somebody wired a Condé Nast magazine to a chiptune soundboard. The canvas is almost-black (`#131313`), the headlines are built from a brutally heavy display face (Manuka) that runs u…

Awesome DESIGN.md

An inspired interpretation of Wise's design language — a global money-transfer brand whose surface combines an unusually heavy near-black display sans (weight 900 at 64–126 px) with a vivid lime-green brand accent, sage…

Wise Sans

Awesome DESIGN.md

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

taste-skill

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look ch…

taste-skill

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios,…

taste-skill