Frontend Cursor rules

2,682 tagged Frontend, measured the same way as everything else here.

Browse within: cursorrules 133modus 114trimble 114ai-coding 108nextjs 106cursor-rules 86awesome-list 80ai-assistant 66bilingual 61chinese 61cursor-ai 57agentic-engineering 52local-ai 51knowledge-base 50

cursorrules

266

studioalexwolf/cursor-design-rules

Cursor rule Cursor

Circular buttons MUST be FIXED width = FIXED height with cornerRadius = size/2. Never use HUG or AUTO sizing on circular buttons.

not rated 3 6mo ago A 2,886 tokens

adrianomelo/cursor-project-rules

Cursor rule Cursor

This document outlines best practices for developing and maintaining the Cursor Project Rules extension, which manages .mdc rule files from Git repositories to enhance AI coding assistance.

not rated 3 1y ago A 0 tokens original MIT

gokulkrishh/.cursor

Cursor rule

Concise rules for building accessible, fast, delightful UIs Use MUST/SHOULD/NEVER to guide decisions.

not rated 3 7mo ago A 1,640 tokens original MIT

monich

273

WyvernCW/Monich

Cursor rule Cursor

Build premium scroll-driven showcase websites after scanning the template folder and adapting references into fresh responsive code.

not rated 3 2mo ago A 0 tokens original MIT

youjunxiaji/gl-mcp-feedback

Cursor rule Cursor

A set of project rules for a web-based tool where people and AI agents exchange feedback. The project uses Tailwind CSS and inline JavaScript in the browser, with Python, FastAPI, and Jinja2 on the server.

not rated 3 2mo ago A 1,617 tokens

cursorrules

277

Forge-Space/ui-mcp

Cursor rule Cursor

Cursor rule "cursorrules" from Forge-Space/ui-mcp, covering uiforge mcp cursor rules, environment setup, development guidelines, component library integration and figma integration.

not rated 2 4mo ago A 306 tokens original MIT archived

example-scoped

278

mcqua007/agents-skeleton

Cursor rule Cursor

Example scoped rule — customize the glob pattern for your project.

not rated 2 6mo ago A 0 tokens original MIT

formengine

279

lukinov/ai-form-builder

Cursor rule Cursor

Generate FormEngine-shaped React forms from a screenshot, PDF, HTML, or text description. Use whenever the user asks to build, generate, scaffold, or convert a React form — especially mentioning FormEngine, JSON schema form, signup/login/contact/onboarding/checkout/survey forms, or alternatives to Formik / React Hook…

not rated 2 4mo ago A 0 tokens original MIT

solar

280

Stahlwalker/framework-solar

Cursor rule

Rules for building with Solar (solarbuild) — a runtime UI framework for AI-generated code.

not rated 2 1mo ago A 0 tokens original MIT

tailwind-v4-core

281

RoninForge/roninforge-tailwind-v4

Cursor rule

Core Tailwind CSS v4 rules. Enforces correct v4 syntax and prevents common v3 fallbacks. Attach to all conversations involving Tailwind CSS.

not rated 2 2mo ago A 1,663 tokens original MIT

frontend

282

KingEmma7/cursor-os

Cursor rule Cursor

UI/component conventions. Apply when building or changing user-facing frontend code.

not rated 2 23d ago A 0 tokens original MIT

cursorrules

283

dev-lou/PixelPilot

Cursor rule Cursor

You are a front-end expert following the UI/UX 2026 design system.

not rated 2 5mo ago A 559 tokens original MIT

cursorrules

284

aibrohim/react-frontend-template

Cursor rule Cursor

Cursor rule "cursorrules" from aibrohim/react-frontend-template, covering frontend template - cursor rules, tech stack, project structure, naming conventions and import order (enforced by eslint).

not rated 2 7mo ago A 3,466 tokens

n-shadloo/frontend-production-engineer

Cursor rule Cursor

Production-grade frontend engineering for Next.js and TypeScript against a Django/DRF backend — plan first, verify the installed versions, never invent an API, keep the diff minimal, run the checks, and hold the work to a stated definition of done. Covers routing and rendering, the server/client boundary, the React…

not rated 2 yesterday A 0 tokens original MIT

ui-components

287

kevinsuh/agentic-coding-workshop

Cursor rule Cursor

All UI components follow the shadcn/ui pattern: reusable, unstyled components built with Tailwind CSS and CVA for variants.

not rated 2 7mo ago A 0 tokens

motion-ui

288

VoTruongDanh/Skills-Agent

Cursor rule Cursor

Advanced Motion UI (AMUI) — Create clean, modern UI with subtle Framer Motion micro-interactions, clear states (idle/loading/success/error), consistent styling via design tokens, and smooth animations. Use when the user wants motion-rich, polished UI with micro-interactions. Triggers: motion, animation, framer motion…

not rated 2 4mo ago A 85 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: