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.

Curated · 286Everything · 1009Showing the whole library (1009 entries), including short or duplicate prompts.
Full style references only 18

Interactive Cursor Design

Style

Custom 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

Animation

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

Magic UI

Cursor

Animation

A 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 prompt

Act 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-inspired

Custom Offsets presents itself as an aggressive, performance-truck aftermarket

Full style reference · 11k chars

Saira

Awesome DESIGN.md — e-commerce

Cursor-inspired

Brand-inspired

An 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 chars

CursorGothic

Awesome DESIGN.md

Binance-inspired

Brand-inspired

A 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 chars

BinanceNova

Awesome DESIGN.md

Bugatti-inspired

Brand-inspired

An 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 chars

Bugatti Display

Awesome DESIGN.md

Cal-inspired

Brand-inspired

A 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 chars

Cal Sans

Awesome DESIGN.md

Clay-inspired

Brand-inspired

A 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 chars

Plain Black

Awesome DESIGN.md

Intercom-inspired

Brand-inspired

An 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 chars

Saans

Awesome DESIGN.md

Supabase-inspired

Brand-inspired

An 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 chars

Circular

Awesome DESIGN.md

Uber-inspired

Brand-inspired

An 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 chars

UberMove

Awesome DESIGN.md

Wired-inspired

Brand-inspired

An 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 chars

WiredDisplay

Awesome DESIGN.md

BlushingDrops-inspired

Brand-inspired

Blushing Drops' storefront presents as a custom photo-backdrop and event-decor

Full style reference · 10k chars

Crimson Pro

Awesome DESIGN.md — e-commerce

BetaFPV-inspired

Brand-inspired

BetaFPV'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 chars

Montserrat

Awesome DESIGN.md — e-commerce

Whitmore Rare Books-inspired

Brand-inspired

The observed CSS is a customized Bootstrap 3 base layered with a bespoke

Full style reference · 11k chars

cormorant-garamond

Awesome DESIGN.md — e-commerce

Magic Spoon-inspired

Brand-inspired

Magic 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 chars

Poppins

Awesome DESIGN.md — e-commerce

Rivian Gear Shop-inspired

Brand-inspired

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.…

Full style reference · 11k chars

Adventure

Awesome DESIGN.md — e-commerce

Status Audio-inspired

Brand-inspired

Status Audio's storefront CSS exposes a navy-and-neutral system anchored by the custom

Full style reference · 11k chars

Usual

Awesome DESIGN.md — e-commerce

RL Drums-inspired

Brand-inspired

RL Drums runs on a Shopify Dawn-derived theme whose CSS custom properties define

Full style reference · 11k chars

Archivo Narrow

Awesome DESIGN.md — e-commerce

Rhino-Rack-inspired

Brand-inspired

This 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 chars

din-2014

Awesome DESIGN.md — e-commerce

Shopify Polaris

Style

shopify 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 prompt

Build 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 prompt

Create 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

Guide

Cursor rules for Cursor AI development with React, TypeScript, and shadcn/ui integration.

awesome-cursorrules

Nextjs 14 Tailwind Seo Setup — coding rules

Guide

Cursor rules for Next.js development with Tailwind CSS and SEO optimization.

awesome-cursorrules

Html Tailwind Css Javascript — coding rules

Guide

Cursor rules for HTML development with Tailwind CSS and JavaScript integration.

awesome-cursorrules

Javascript Astro Tailwind Css — coding rules

Guide

Cursor rules for JavaScript development with Astro and Tailwind CSS integration.

awesome-cursorrules

Nextjs Material Ui Tailwind Css — coding rules

Guide

Cursor rules for Next.js development with Material UI and Tailwind CSS integration.

awesome-cursorrules

Nextjs React Tailwind — coding rules

Guide

Cursor rules for Next.js development with React and Tailwind CSS integration.

awesome-cursorrules

Nextjs Supabase Shadcn Pwa — coding rules

Guide

Cursor rules for Nextjs Supabase Shadcn Pwa.

awesome-cursorrules

Nextjs Tailwind Typescript Apps — coding rules

Guide

Cursor rules for Next.js development with Tailwind CSS and TypeScript integration.

awesome-cursorrules

Nextjs Typescript Tailwind — coding rules

Guide

Cursor rules for Next.js development with TypeScript and Tailwind CSS integration.

awesome-cursorrules

Nextjs15 React19 Vercelai Tailwind — coding rules

Guide

Cursor rules for Next.js development with React 19, Vercel AI, and Tailwind CSS integration.

awesome-cursorrules

Qwik Tailwind — coding rules

Guide

Cursor rules for Qwik development with Tailwind CSS integration.

awesome-cursorrules

React Chakra Ui — coding rules

Guide

Cursor rules for React development with Chakra UI integration.

awesome-cursorrules

React Nextjs Ui Development — coding rules

Guide

Cursor rules for React development with Next.js UI integration.

awesome-cursorrules

Solidjs Tailwind — coding rules

Guide

Cursor rules for Solid.js development with Tailwind CSS integration.

awesome-cursorrules

Sveltekit Restful Api Tailwind Css — coding rules

Guide

Cursor rules for SvelteKit development with RESTful API and Tailwind CSS integration.

awesome-cursorrules

Sveltekit Tailwindcss Typescript — coding rules

Guide

Cursor rules for SvelteKit development with Tailwind CSS and TypeScript integration.

awesome-cursorrules

Swift Uikit — coding rules

Guide

Cursor rules for Swift Uikit.

awesome-cursorrules

Swiftui Guidelines — coding rules

Guide

Cursor rules for SwiftUI development guidelines.

awesome-cursorrules

Tailwind Css Nextjs Guide — coding rules

Guide

Cursor rules for Tailwind CSS development with Next.js integration.

awesome-cursorrules

Tailwind React Firebase — coding rules

Guide

Cursor rules for Tailwind development with React and Firebase integration.

awesome-cursorrules

Tailwind Shadcn Ui Integration — coding rules

Guide

Cursor rules for Tailwind development with shadcn/ui integration.

awesome-cursorrules

Typescript Nextjs React Tailwind Supabase — coding rules

Guide

Cursor rules for TypeScript development with Next.js, React, Tailwind, and Supabase integration.

awesome-cursorrules

Typescript Nodejs Nextjs React Ui Css — coding rules

Guide

Cursor rules for TypeScript development with Node.js, Next.js, React, UI, and CSS integration.

awesome-cursorrules

Typescript React Nextui Supabase — coding rules

Guide

Cursor rules for TypeScript development with React, NextUI, and Supabase integration.

awesome-cursorrules

Typescript Shadcn Ui Nextjs — coding rules

Guide

Cursor rules for TypeScript development with shadcn/ui and Next.js integration.

awesome-cursorrules

Typescript Vite Tailwind — coding rules

Guide

Cursor rules for TypeScript development with Vite and Tailwind integration.

awesome-cursorrules

Typescript Zod Tailwind Nextjs — coding rules

Guide

Cursor rules for TypeScript development with Zod, Tailwind, and Next.js integration.

awesome-cursorrules

Uikit Guidelines — coding rules

Guide

Cursor rules for UIKit development guidelines.

awesome-cursorrules

Animated Grid Pattern

Animation

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

Magic UI

Dot Pattern

Animation

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

Magic UI

Flickering Grid

Animation

A flickering grid background made with SVGs, fully customizable using Tailwind CSS.

Magic UI

Grid Pattern

Animation

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

Magic UI

Hexagon Pattern

Animation

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

Magic UI

Interactive Grid Pattern

Animation

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

Magic UI

Magic Card

Animation

A 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.