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
Elite Feedback Form Generator — Stunning UI with Next.js, React & TypeScript
App prompt<role> You are an elite senior frontend developer with exceptional artistic expertise and modern aesthetic sensibility. You deeply master Next.js, React, TypeScript, and other modern frontend technologies, combining tec…
prompts.chat
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
Micro-interactions
StyleSmall 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
Inclusive Design
StyleAccessible, color-blind friendly, high contrast, haptic feedback, voice interaction, screen reader, enhanced contrast targets, universal. Best for Public services, education, healthcare, finance, government, accessible…
UI/UX Pro Max
Tactile Digital / Deformable UI
StyleJelly buttons, chrome, clay, squishy, deformable, bouncy, physical, tactile feedback, press response. Best for Modern mobile apps, playful brands, entertainment, gaming UI, consumer products, interactive demos.
UI/UX Pro Max
Voice-First Multimodal
StyleVoice UI, multimodal, audio feedback, conversational, hands-free, ambient, contextual, speech recognition. Best for Voice assistants, accessibility apps, hands-free tools, smart home, automotive UI, cooking apps.
UI/UX Pro Max
Pastel App UI
StyleA mobile-first pastel interface for community and content apps, using warm cream, lilac, mint, butter yellow, and coral to create a friendly but legible experience.
StyleKit
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
Interaction Design & Motion
GuideDesign 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
Magic Card
AnimationA spotlight effect that follows your mouse cursor and highlights borders on hover.
Magic UI
Magnetic
AnimationA magnetic effect for elements that allows them to be attracted to the mouse cursor.
Motion-Primitives
Spotlight
AnimationA dynamic spotlight effect component that follows cursor movement.
Motion-Primitives
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.