Prompt & style library
286 hand-picked app briefs, design styles, themes, palettes, fonts and animation patterns — each a detailed prompt you can paste into any AI assistant. Free, no account needed to browse.
Interactive Cursor Design
StyleCustom cursor, cursor as tool, hover effects, cursor feedback, pointer transformation, cursor trail, magnetic cursor. Best for Creative portfolios, interactive experiences, agency sites, product showcases, gaming, enter…
UI/UX Pro Max
Smooth Cursor
AnimationA customizable, physics-based smooth cursor animation component for React applications.
Magic UI
Cursor
AnimationA custom cursor component with optional spring animations. It can be globally applied to the page or attached specifically to a parent element.
Motion-Primitives
Customizable Web Template for Company Branding
App promptAct as a Web Developer specializing in creating customizable web templates. Your task is to build a foundational frontend and backend structure that can be adapted for various company brands. You will: - Design a modula…
prompts.chat
Custom Offsets-inspired
Brand-inspiredCustom Offsets presents itself as an aggressive, performance-truck aftermarket
Full style reference · 11k charsSaira
Awesome DESIGN.md — e-commerce
Cursor-inspired
Brand-inspiredAn AI-first code editor whose marketing site reads like a quietly-confident developer-tools brand with a warm-cream editorial canvas (`#f7f7f4`) instead of the typical dark IDE atmosphere. Near-black warm ink (`#26251e`…
Full style reference · 22k charsCursorGothic
Awesome DESIGN.md
Binance-inspired
Brand-inspiredA confident financial-platform interface anchored on a deep near-black canvas, where Binance's iconic yellow (#FCD535) carries every primary CTA, brand accent, and value-claim moment. Type runs Binance's custom BinanceN…
Full style reference · 40k charsBinanceNova
Awesome DESIGN.md
Bugatti-inspired
Brand-inspiredAn austere luxury-automotive interface that uses near-pure black canvas, white uppercase letterspaced display, and full-bleed automotive photography as the only voltage. The system runs three custom Bugatti typefaces —…
Full style reference · 29k charsBugatti Display
Awesome DESIGN.md
Cal-inspired
Brand-inspiredA clean, calendar-software-first interface anchored on white canvas with black primary CTAs and custom Cal Sans display typography. The system reads as friendly modern SaaS — generous whitespace, soft-rounded cards (~12…
Full style reference · 31k charsCal Sans
Awesome DESIGN.md
Clay-inspired
Brand-inspiredA vibrant claymation-meets-data interface for Clay.com (GTM data-orchestration platform). Anchors on white canvas with dark-navy primary CTAs, custom rounded display type, and saturated single-color feature cards — hot…
Full style reference · 26k charsPlain Black
Awesome DESIGN.md
Intercom-inspired
Brand-inspiredAn editorial customer-service marketing canvas built around a soft cream-white ground, charcoal type set in Saans (Intercom's proprietary geometric sans), and a single confident Fin Orange (#ff5600) reserved for the Fin…
Full style reference · 23k charsSaans
Awesome DESIGN.md
Supabase-inspired
Brand-inspiredAn inspired interpretation of Supabaze's design language — an open-source database platform built on a clean white-and-near-black system with a single signature emerald-green CTA, a custom humanist sans display tier, an…
Full style reference · 21k charsCircular
Awesome DESIGN.md
Uber-inspired
Brand-inspiredAn inspired interpretation of Uber's design language — a transportation-and-delivery super-app brand whose web surface is a black-and-white duet, framed by a custom geometric display sans, accented by a single signature…
Full style reference · 35k charsUberMove
Awesome DESIGN.md
Wired-inspired
Brand-inspiredAn inspired interpretation of Wired's design language — a flagship technology-magazine brand whose surface is a strict editorial duet of stark black wordmark on white canvas, anchored by a tall narrow custom display ser…
Full style reference · 24k charsWiredDisplay
Awesome DESIGN.md
BlushingDrops-inspired
Brand-inspiredBlushing Drops' storefront presents as a custom photo-backdrop and event-decor
Full style reference · 10k charsCrimson Pro
Awesome DESIGN.md — e-commerce
BetaFPV-inspired
Brand-inspiredBetaFPV's storefront evidence points to a utilitarian ecommerce build (Shopify-pattern class names, a Judge.me review widget, and a `ba-products-box` merchandising plugin) rather than a heavily custom brand skin. The co…
Full style reference · 11k charsMontserrat
Awesome DESIGN.md — e-commerce
Whitmore Rare Books-inspired
Brand-inspiredThe observed CSS is a customized Bootstrap 3 base layered with a bespoke
Full style reference · 11k charscormorant-garamond
Awesome DESIGN.md — e-commerce
Magic Spoon-inspired
Brand-inspiredMagic Spoon's supplied CSS centers on a saturated violet-purple, #3f0791, used consistently as the button background, border, and CTA text color across both the review-widget (Okendo) custom properties and the site's ow…
Full style reference · 11k charsPoppins
Awesome DESIGN.md — e-commerce
Rivian Gear Shop-inspired
Brand-inspiredThis 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.…
Full style reference · 11k charsAdventure
Awesome DESIGN.md — e-commerce
Status Audio-inspired
Brand-inspiredStatus Audio's storefront CSS exposes a navy-and-neutral system anchored by the custom
Full style reference · 11k charsUsual
Awesome DESIGN.md — e-commerce
RL Drums-inspired
Brand-inspiredRL Drums runs on a Shopify Dawn-derived theme whose CSS custom properties define
Full style reference · 11k charsArchivo Narrow
Awesome DESIGN.md — e-commerce
Rhino-Rack-inspired
Brand-inspiredThis interpretation is grounded in two coexisting token systems found in Rhino-Rack's stylesheet: a Bootstrap-derived utility palette (blues, grays, semantic reds/greens) and a custom brand palette exposed as CSS variab…
Full style reference · 11k charsdin-2014
Awesome DESIGN.md — e-commerce
Shopify Polaris
Styleshopify polaris, merchant admin, commerce, checkout, web components, app home. Best for Shopify admin apps, merchant tools, checkout, customer accounts, POS, and extensions.
UI/UX Pro Max
Meditation Timer
App promptBuild a mindfulness meditation timer using HTML5, CSS3, and JavaScript. Create a serene, distraction-free interface with nature-inspired design. Implement customizable meditation sessions with preparation, meditation, a…
prompts.chat
3D Racing Game
App promptCreate an exciting 3D racing game using Three.js and JavaScript. Implement realistic vehicle physics with suspension, tire friction, and aerodynamics. Create detailed car models with customizable paint and upgrades. Des…
prompts.chat
React Typescript Shadcn Ui — coding rules
GuideCursor rules for Cursor AI development with React, TypeScript, and shadcn/ui integration.
awesome-cursorrules
Nextjs 14 Tailwind Seo Setup — coding rules
GuideCursor rules for Next.js development with Tailwind CSS and SEO optimization.
awesome-cursorrules
Html Tailwind Css Javascript — coding rules
GuideCursor rules for HTML development with Tailwind CSS and JavaScript integration.
awesome-cursorrules
Javascript Astro Tailwind Css — coding rules
GuideCursor rules for JavaScript development with Astro and Tailwind CSS integration.
awesome-cursorrules
Nextjs Material Ui Tailwind Css — coding rules
GuideCursor rules for Next.js development with Material UI and Tailwind CSS integration.
awesome-cursorrules
Nextjs React Tailwind — coding rules
GuideCursor rules for Next.js development with React and Tailwind CSS integration.
awesome-cursorrules
Nextjs Supabase Shadcn Pwa — coding rules
GuideCursor rules for Nextjs Supabase Shadcn Pwa.
awesome-cursorrules
Nextjs Tailwind Typescript Apps — coding rules
GuideCursor rules for Next.js development with Tailwind CSS and TypeScript integration.
awesome-cursorrules
Nextjs Typescript Tailwind — coding rules
GuideCursor rules for Next.js development with TypeScript and Tailwind CSS integration.
awesome-cursorrules
Nextjs15 React19 Vercelai Tailwind — coding rules
GuideCursor rules for Next.js development with React 19, Vercel AI, and Tailwind CSS integration.
awesome-cursorrules
Qwik Tailwind — coding rules
GuideCursor rules for Qwik development with Tailwind CSS integration.
awesome-cursorrules
React Chakra Ui — coding rules
GuideCursor rules for React development with Chakra UI integration.
awesome-cursorrules
React Nextjs Ui Development — coding rules
GuideCursor rules for React development with Next.js UI integration.
awesome-cursorrules
Solidjs Tailwind — coding rules
GuideCursor rules for Solid.js development with Tailwind CSS integration.
awesome-cursorrules
Sveltekit Restful Api Tailwind Css — coding rules
GuideCursor rules for SvelteKit development with RESTful API and Tailwind CSS integration.
awesome-cursorrules
Sveltekit Tailwindcss Typescript — coding rules
GuideCursor rules for SvelteKit development with Tailwind CSS and TypeScript integration.
awesome-cursorrules
Swift Uikit — coding rules
GuideCursor rules for Swift Uikit.
awesome-cursorrules
Swiftui Guidelines — coding rules
GuideCursor rules for SwiftUI development guidelines.
awesome-cursorrules
Tailwind Css Nextjs Guide — coding rules
GuideCursor rules for Tailwind CSS development with Next.js integration.
awesome-cursorrules
Tailwind React Firebase — coding rules
GuideCursor rules for Tailwind development with React and Firebase integration.
awesome-cursorrules
Tailwind Shadcn Ui Integration — coding rules
GuideCursor rules for Tailwind development with shadcn/ui integration.
awesome-cursorrules
Typescript Nextjs React Tailwind Supabase — coding rules
GuideCursor rules for TypeScript development with Next.js, React, Tailwind, and Supabase integration.
awesome-cursorrules
Typescript Nodejs Nextjs React Ui Css — coding rules
GuideCursor rules for TypeScript development with Node.js, Next.js, React, UI, and CSS integration.
awesome-cursorrules
Typescript React Nextui Supabase — coding rules
GuideCursor rules for TypeScript development with React, NextUI, and Supabase integration.
awesome-cursorrules
Typescript Shadcn Ui Nextjs — coding rules
GuideCursor rules for TypeScript development with shadcn/ui and Next.js integration.
awesome-cursorrules
Typescript Vite Tailwind — coding rules
GuideCursor rules for TypeScript development with Vite and Tailwind integration.
awesome-cursorrules
Typescript Zod Tailwind Nextjs — coding rules
GuideCursor rules for TypeScript development with Zod, Tailwind, and Next.js integration.
awesome-cursorrules
Uikit Guidelines — coding rules
GuideCursor rules for UIKit development guidelines.
awesome-cursorrules
Animated Grid Pattern
AnimationA animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.
Magic UI
Dot Pattern
AnimationA background dot pattern made with SVGs, fully customizable using Tailwind CSS.
Magic UI
Flickering Grid
AnimationA flickering grid background made with SVGs, fully customizable using Tailwind CSS.
Magic UI
Grid Pattern
AnimationA background grid pattern made with SVGs, fully customizable using Tailwind CSS.
Magic UI
Hexagon Pattern
AnimationA background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.
Magic UI
Interactive Grid Pattern
AnimationA interactive background grid pattern made with SVGs, fully customizable using Tailwind CSS.
Magic UI
Magic Card
AnimationA spotlight effect that follows your mouse cursor and highlights borders on hover.
Magic UI
Sources: StyleKit (MIT) · Awesome DESIGN.md (MIT) · UI/UX Pro Max (MIT) · tweakcn (Apache-2.0) · taste-skill (MIT) · Hallmark (MIT) · prompts.chat (CC0-1.0) · Anthropic skills (Apache-2.0) · awesome-cursorrules (CC0-1.0) · VoltAgent subagents (MIT) · wshobson agents (MIT) · Interface Design skill (MIT) · design.md (Google Labs) (Apache-2.0) · Magic UI (MIT) · Motion-Primitives (MIT) · Awesome DESIGN.md — e-commerce (MIT). Brand-inspired entries describe a look only — no names, logos or trademarks belong in your app.