Prompt & style library

Small animations, gesture-based, tactile feedback, subtle animations, contextual interactions, responsive. Best for Mobile apps, touchscreen UIs, productivity tools, user-friendly, consumer apps, interactive components.

UI/UX Pro Max

Minimal visible UI, voice-first, gesture-based, AI-driven, invisible controls, predictive, context-aware, ambient. Best for Voice assistants, AI platforms, future-forward UX, smart home, contextual computing, ambient ex…

UI/UX Pro Max

Scrolling text whose speed changes based on scroll speed

Magic UI

Bold, energetic, playful, block layout, geometric shapes, high color contrast, duotone, modern, energetic. Best for Startups, creative agencies, gaming, social media, youth-focused, entertainment, consumer.

UI/UX Pro Max

Glass, depth, immersion, spatial, translucent, gaze, gesture, apple, vision-pro. Best for Spatial computing apps, VR/AR interfaces, immersive media, futuristic dashboards.

UI/UX Pro Max

Immersive scrolling experience where each screen fills the entire viewport, switching complete scenes on scroll. Ideal for brand stories, product introductions, and portfolio showcases.

StyleKit

Blue Bath is a Los Angeles–based e-commerce retailer of kitchen and bathroom

Geist

Awesome DESIGN.md — e-commerce

LIQUI MOLY's public storefront exposes a Bootstrap-based design system layered with

DIN Pro

Awesome DESIGN.md — e-commerce

This interpretation is drawn from ADAM Audio's WordPress-based markup and a

DINPro

Awesome DESIGN.md — e-commerce

SodaPup is a Shopify-based DTC storefront for durable dog-enrichment

Murecho

Awesome DESIGN.md — e-commerce

Bob's Watches' available CSS surfaces a utilitarian Bootstrap-based system

Frank Ruhl Libre

Awesome DESIGN.md — e-commerce

Banwood's markup shows a Shopify-based storefront for Scandinavian-styled kids' balance

Figtree

Awesome DESIGN.md — e-commerce

This interpretation is grounded in CSS custom properties and inline styles captured from gearshop.rivian.com, a Shopify-based storefront for Rivian's adventure gear, apparel, charging equipment, wheels/tires, and parts.…

Adventure

Awesome DESIGN.md — e-commerce

BlackVue's storefront (Shopify-based) uses a clinical, tech-forward palette:

Open Sans

Awesome DESIGN.md — e-commerce

Lakland's WordPress/Astra-based site presents a plain, trade-oriented storefront for a Chicago-built bass and guitar manufacturer. The only clearly site-authored colors in the supplied evidence are a mid-tone blue (#027…

Din Condensed

Awesome DESIGN.md — e-commerce

Q Acoustics' storefront evidence shows a Shopify-based theme built on Inter for

Inter

Awesome DESIGN.md — e-commerce

An F-pattern scanning layout based on eye-tracking research, where the user's gaze starts from the top-left, scans horizontally across the top, then moves downward, ideal for content-heavy pages, blog posts, and news li…

StyleKit

Google's design system based on the metaphor of paper and ink, emphasizing hierarchy, motion, bold colors, and responsive interactions -- the standard for modern mobile design.

StyleKit

A Z-pattern scanning layout based on eye-tracking, where the gaze moves from top-left to top-right, diagonally to bottom-left, then to bottom-right, forming a Z-path. Ideal for landing pages, marketing pages, and concis…

StyleKit

Clean, simple, spacious, functional, white space, high contrast, geometric, sans-serif, grid-based, essential. Best for Enterprise apps, dashboards, documentation sites, SaaS platforms, professional tools.

UI/UX Pro Max

Develop a web-based music player using HTML5, CSS3, and JavaScript with the Web Audio API. Create a modern interface with album art display and visualizations. Implement playlist management with drag-and-drop reordering…

prompts.chat

Create a web-based PDF viewer using HTML5, CSS3, JavaScript and PDF.js. Build a clean interface with intuitive navigation controls. Implement page navigation with thumbnails and outline view. Add text search with result…

prompts.chat

Build a comprehensive health metrics calculator with HTML5, CSS3 and JavaScript based on medical standards. Create a clean, accessible interface with step-by-step input forms. Implement accurate BMI calculation with vis…

prompts.chat

Act as a TensorFlow.js expert. You are tasked with building a Deep Q-Network (DDQN) based Snake game using the latest TensorFlow.js API, all within a single HTML file. Your task is to: 1. Set up the HTML structure to in…

prompts.chat

Based on the approved concept, build the [Homepage/About/etc.] page. Constraints: - Single-file React component with Tailwind - Mobile-first, responsive - Performance budget: no library over 50kb unless justified - [Spe…

prompts.chat

I want you to act as a top-tier physics-based gameplay programmer. Produce a SINGLE FILE (index.html) build of an architectural flight evasion game. GAME SPEC: Title: Gravity Flux Core mechanic: Navigate a self-inflatin…

prompts.chat

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

Magic UI

A customizable, physics-based smooth cursor animation component for React applications.

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

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

Motion-Primitives