Prompt & style library

The Spinning Text component animates text in a circular motion with customizable speed, direction, color, and transitions for dynamic and engaging effects.

Magic UI

Design style inspired by West African Kente cloth and Adire tie-dye, featuring bold geometric weave patterns, earth tones clashing with vivid colors, and handcrafted textures.

StyleKit

Motion text, animated type, moving letters, dynamic, typing effect, morphing, scroll-triggered text. Best for Hero sections, marketing sites, video platforms, storytelling, creative portfolios, landing pages.

UI/UX Pro Max

Syncopate + Space Mono — kinetic, motion, futuristic, speed, wide, tech

Syncopate / Space Mono

UI/UX Pro Max

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

An animated gradient background which transitions between colors for text.

Magic UI

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

Magic UI

A beautiful aurora text effect

Magic UI

Comic text animation that looks like a comic book text

Magic UI

A horizontal color band sweeps across text with a gradient shine, then settles on your theme foreground color.

Magic UI

A text highlighter that mimics the effect of a human-drawn marker stroke.

Magic UI

A text animation that scrambles letters before revealing the final text.

Magic UI

A text component that animates font weight of characters on hover.

Magic UI

A text component with a moving line shadow.

Magic UI

A dynamic text morphing component for Magic UI.

Magic UI

An SVG fractal noise layer using feTurbulence for subtle texture overlays.

Magic UI

A dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.

Magic UI

A text effect that flips each letter in 3D with a staggered animation on hover.

Magic UI

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

Magic UI

Fade in text as you scroll down the page.

Magic UI

A text component with a video background.

Magic UI

Easily animate text circularly. Customize the animation with variants and transitions.

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

Text animation that transitions between multiple items, creating an engaging looping effect.

Motion-Primitives

Animates text by morphing shared letters between words, creating fluid transitions.

Motion-Primitives

A text roll component that rotates each character, fully customizable for nice text animations.

Motion-Primitives

Text animation that transforms text by randomly cycling through characters before settling on the final content, creating an engaging cryptographic effect.

Motion-Primitives

Shimmer effect on text. Easily adjust the duration and the spread of the shimmer effect.

Motion-Primitives

Shimmer wave effect on text. Easily adjust the wave effect, spread, duration, and more.

Motion-Primitives

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

Constructivism set in motion. On bone-white paper, solid geometric primitives — discs, triangles, squares and thick diagonal bars in red, blue and yellow — are not placed but engineered to move along axes: discs orbit,…

StyleKit

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

E-commerce style for food, grocery, and organic brands. Warm tones with rounded cards and natural textures convey freshness and trust.

StyleKit

A design style inspired by Studio Ghibli animations, featuring warm soft tones, hand-drawn textures, natural elements, and a dreamy atmosphere that conveys healing and poetry.

StyleKit

Street graffiti art style with spray-paint textures, bold clashing colors, hand-lettered tags, and brick-wall backgrounds. A visual expression of urban culture and rebellious spirit.

StyleKit

Inspired by Impressionist masters like Monet and Renoir, featuring bold brushstroke textures, dappled light effects, pointillist colors, and warm canvas textures for a rich, oil-painting visual experience.

StyleKit

High-end design style with marble textures and gold accents, featuring white marble-textured backgrounds, gold line separators, and black text. Ideal for luxury brands, hotels, and premium real estate.

StyleKit

Medieval illuminated manuscript style with ornate drop-cap initials, parchment textures, gold and deep-red decorative borders. Gothic blackletter combined with illustrative elements.

StyleKit

Warm and natural organic style with earth tones, natural textures, and handcrafted elements. Ideal for health brands, organic food, eco-friendly products, and artisan crafts.

StyleKit

Paper craft and paper-cut style with layered paper effects, soft shadows suggesting depth, and handmade textured edges. Ideal for children's brands, educational products, and creative studios.

StyleKit

Nostalgic retro design style with vintage typography, retro color tones, and handcrafted texture elements. Ideal for cafes, vintage brands, indie magazines, and music labels.

StyleKit

The distinctive aesthetics of Risograph printing -- 2-3 color overprint effects, halftone dots, registration misalignment, and limited palette, presenting a unique print texture and handmade batch feel.

StyleKit

A design style simulating pencil hand-drawing, with irregular line borders, paper texture backgrounds, handwritten font feel, sketch shadows, and doodle decorations, conveying a warm and approachable handcrafted texture.

StyleKit

A digital design style that simulates real-world objects through textures, lighting, and materials to mimic physical items, bringing familiarity and intuitive experiences.

StyleKit

A Mediterranean terracotta and warm earth design style with warm clay tones, rough handcrafted textures, and natural patterns. Ideal for lifestyle brands, dining, travel, and artisan product showcases.

StyleKit

A digital expression of Japanese Wabi-Sabi aesthetics, celebrating the beauty of imperfection, the elegance of natural aging, and the zen of extreme whitespace, conveyed through ink tones, tea hues, and paper textures.

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

Raw, unpolished, stark, high contrast, plain text, default fonts, visible borders, asymmetric, anti-design. Best for Design portfolios, artistic projects, counter-culture brands, editorial/media sites, tech blogs.

UI/UX Pro Max

Depth, realistic textures, 3D models, spatial navigation, tactile, skeuomorphic elements, rich detail, immersive. Best for Gaming, product showcase, immersive experiences, high-end e-commerce, architectural viz, VR/AR.

UI/UX Pro Max

Accessible, inclusive interface, high contrast, large text (16px+), keyboard navigation, screen reader friendly, accessibility standards aware, focus state, semantic. Best for Government, healthcare, education, inclusiv…

UI/UX Pro Max

Realistic, texture, depth, 3D appearance, real-world metaphors, shadows, gradients, tactile, detailed, material. Best for Legacy apps, gaming, immersive storytelling, premium products, luxury, realistic simulations, edu…

UI/UX Pro Max

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

Chatbot, conversational, voice, assistant, agentic, ambient, minimal chrome, streaming text, AI interactions. Best for AI products, chatbots, voice assistants, copilots, AI-powered tools, conversational interfaces.

UI/UX Pro Max

Paper-like, matte, high contrast, texture, reading, calm, slow tech, monochrome. Best for Reading apps, digital newspapers, minimal journals, distraction-free writing, slow-living brands.

UI/UX Pro Max

Hand-drawn, collage, scanned textures, unfinished, imperfect, authentic, human, sketch, raw marks, creative process. Best for Creative portfolios, artist sites, indie brands, handmade products, authentic storytelling, e…

UI/UX Pro Max

material 3 expressive, vibrant color, spring motion, adaptive components, flexible typography, contrasting shapes, android. Best for Android, Wear OS, and Pixel-aligned products using Material 3 components.

UI/UX Pro Max

A cinematic opener led by a short looping video. A poster frame paints first as the LCP; the muted video autoplays and loops only once in view; text sits on a readability scrim. Dark grading and slow motion build a trai…

StyleKit

Classical university libraries, leather-bound books, classical literature, and vintage campus aesthetics. Deep brown and dark green palette with antique gold accents -- a warm and contemplative scholarly atmosphere.

StyleKit

Hand-drawn lines, doodle illustrations, irregular shapes, and handwritten fonts. Like designs casually sketched in a notebook -- full of creativity and fun, conveying a warm and approachable handmade feel.

StyleKit

The defining portfolio trend of 2026: type IS the layout. Names and headlines become viewport-scale heroes via fluid clamp() sizing, imagery recedes to accents, and a single international orange cuts through near-black…

StyleKit