Frontend cursor rules

1,945 tagged Frontend, measured the same way as everything else here.

Browse within: cursor-rules 90cursorrules 84nextjs 80cursor-ai 62modus 50trimble 50design-system 34mdc 33copilot 26reactjs 22vibe-coding 22angular 21boilerplate 20knowledge-base 20

raphael-starter

97

Idea-To-Business/raphael-starterkit-v1

Cursor rule Cursor

A Next.js starter kit built with Supabase and Creem, including sign-in, server-rendered pages, themes, subscriptions, and payments. Supabase is a hosted database and backend service; Creem handles payment-related features.

398 +1 1y ago A 1,159 tokens

cursorrules

98

ducan-ne/opencoder

Cursor rule Cursor

You are a Senior Front-End Developer and an Expert in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS and modern UI/UX frameworks (e.g., TailwindCSS, Shadcn, Radix). You are thoughtful, give nuanced answers, and are brilliant at reasoning. You carefully provide accurate, factual, thoughtful answers, and are a…

387 1y ago A 11,946 tokens original Apache-2.0

ui-aesthetics

99

kasonye/ui-aesthetics-skill

Cursor rule Cursor

Use when generating, reviewing, or refactoring web UI that needs cleaner composition, more precise component craftsmanship, calmer state behavior, restrained motion, or a more coherent depth system.

379 +1 4mo ago A 35 tokens

cursorrules

100

suenot/profitmaker

Cursor rule Cursor

Cursor rules for the profitmaker project, including virtualisation and performance guidance for large lists and tables. Virtualisation means rendering only the visible items instead of every item at once.

364 8d ago A 1,445 tokens

zelda-hyrule-ui

101

chaos-xxl/zelda-hyrule-ui

Cursor rule Cursor

Build UI in the style of The Legend of Zelda Breath of the Wild — dark Sheikah-slate theme, double borders, Sheikah-blue glow. Pairs with the zelda-hyrule-ui React library.

331 1mo ago A 917 tokens

svelte-mcp-tools

103

sveltejs/ai-tools

Cursor rule ✓ vendor

Instructions for using the Svelte MCP server tools for documentation lookup, code analysis, and validation.

314 4d ago A 297 tokens original MIT

zhimaAi/ChatClaw

Cursor rule Cursor

A set of architecture and coding rules for a ChatClaw front end built with Vue 3 and shadcn-vue. The input does not provide further details about the rules.

307 +1 3mo ago A 19 tokens GPL-3.0

cool

105

cool-team-official/cool-unix

Cursor rule Cursor

Cursor rule "cool" from cool-team-official/cool-unix, covering ts | uts, setup, cool-ui, 图标 and 设计规范.

307 7mo ago A 329 tokens

uts

107

cool-team-official/cool-unix

Cursor rule Cursor

基于 Uni-App X 的 Vue3 组合式开发框架,完全开源免费。内置 Tailwind CSS、支持多主题切换与国际化,集成丰富高质量组件库与多样模板页面,助力高效构建高品质跨平台应用。.

307 7mo ago A 470 tokens

PackmindHub/packmind

Cursor rule Cursor

This standard defines the recommended data flow pattern for frontend routes in the Packmind codebase using React Router v7 in framework mode with TanStack Query for data management. It ensures consist... .

306 5d ago A 416 tokens original Apache-2.0

tailwind-usage

109

n9e/fe

Cursor rule Cursor

Tailwind 优先、Less 兜底;避免双写与深层选择器滥用.

302 yesterday A 0 tokens original Apache-2.0

databrickslabs/ontobricks

Cursor rule Cursor

This file documents the actual design conventions in the codebase, not aspirations. The two structural rules ("no inline CSS/JS in templates", "shared assets under front/static/") live in 05-code-style-and-structure.mdc § Frontend (HTML/CSS/JS). This file covers visual language, components, naming and asset wiring.

298 4d ago A 0 tokens

cursorrules

111

amxv/mcp-manager

Cursor rule Cursor

this is a simple react and vite project that allows users to manage a JSON file on their computer with a nice UI.

292 2mo ago A 100 tokens original Apache-2.0

antd

112

shuyu-labs/WebCode

Cursor rule Cursor

A coding rule for working with Blazor, Microsoft's framework for building interactive web interfaces with .NET.

284 2mo ago A 2,501 tokens

cursorrules

113

speakeasy-api/gram

Cursor rule Cursor

Use the latest version of Shadcn to install new components, like this command to add a button component.

267 4d ago A 45 tokens AGPL-3.0

components

115

udecode/plate-playground-template

Cursor rule Codex

React component architecture for creating composable, accessible components with data attributes. Use when creating/updating composable components, not for higher-level feature/page components.

240 13d ago A 31 tokens original MIT

react

116

udecode/plate-playground-template

Cursor rule Codex

React patterns with destructured props, compiler optimization, Effects, and Tailwind v4 syntax. ALWAYS use when using React.

240 13d ago A 25 tokens original MIT

dig-ui

117

originaleric/dig-ui-skill

Cursor rule

Use Dig UI design system, catalogs, layouts, CSS tokens, typography, spacing, dashboard/runtime/marketing/docs visual language, and frontend UI review.

229 14d ago A 30 tokens original Apache-2.0

tailwindcss

118

davis7dotsh/river

Cursor rule Cursor

When writing code for tailwind css make sure to do the following.

227 5mo ago A 0 tokens original MIT

AGENTS

119

antdigital-ai/agentic-ui

Cursor rule Cursor

Repository rules for Ant Design, a React and TypeScript component library published as the npm package antd. They cover setup, supported environments, code style, naming, testing, and compatibility.

224 22d ago A 3,867 tokens original MIT

react

120

antdigital-ai/agentic-ui

Cursor rule Cursor

React best practices and patterns for modern web applications.

224 22d ago A 0 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: