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

frontend-vue

121

OpenDCAI/DataFlow-WebUI

Cursor rule Cursor

DataFlow WebUI frontend development. Activate when editing Vue 3 frontend code — components, views, stores, router, or API client.

224 +4 7d ago A 0 tokens original Apache-2.0

frontend

122

Zleap-AI/Zleap-Agent

Cursor rule Cursor

Frontend design-system rules for packages/web (tokens, components, i18n).

218 +1 28d ago A 0 tokens original Apache-2.0

components

123

tsubotax/melta-ui

Cursor rule Cursor

CTA: inline-flex items-center justify-center gap-2 h-10 px-4 text-[1rem] font-medium bg-primary-500 text-white rounded-lg hover:bg-primary-700 cursor-pointer Sub: inline-flex items-center justify-center gap-2 h-10 px-4 text-[1rem] font-medium bg-white text-slate-700 border border-slate-200 rounded-lg hover:bg-gray-50…

196 16d ago A 0 tokens original MIT

docs-style

124

xuliang2024/cutcli-cookbook

Cursor rule Cursor

A style and structure rulebook for writing documentation sites with VitePress, a tool that turns Markdown files into websites. It covers headings, Chinese-language typography, filenames, URLs, and links.

192 3mo ago A 0 tokens original MIT

vite-three-js-pro

125

hexianWeb/Third-Person-MC

Cursor rule Cursor

A set of development rules for Vite and Three.js projects, with guidance for 3D components, resources, shaders, Vue components, Pinia state, and mitt events.

189 +1 1mo ago A 1,144 tokens original MIT

vite-three-js

126

hexianWeb/Third-Person-MC

Cursor rule Cursor

A coding style guide for building Three.js projects with Vite, a fast JavaScript development setup, using reusable classes managed through one central `Experience` instance.

189 +1 1mo ago A 2,494 tokens original MIT

sanity-rules

127

robotostudio/turbo-start-sanity

Cursor rule Cursor

When creating sanity schema make sure to include an appropriate icon for the schema using lucide-react or sanity icons as a fallback. Make sure it's always a named export, make sure you're always using the Sanity typescript definitions if it's a ts file.

172 5d ago A 0 tokens original MIT

frontend-rules

129

Mr-chen-05/rules-2.1-optimized

Cursor rule

A set of rules for an AI assistant that builds front-end websites and interfaces. It covers common frameworks, programming languages, build tools, user-interface libraries, state management, and testing tools.

172 9mo ago A 5,703 tokens original MIT

general

130

Khan/wonder-blocks

Cursor rule Cursor

Wonder Blocks design system conventions, component patterns, and coding standards.

163 5d ago A 5,190 tokens original MIT

grft-dev/graftcode

Cursor rule Cursor

Mandatory Graftcode architecture rules for TypeScript / Node.js / Next.js — expose plain modules via Graftcode instead of REST/gRPC/Thrift.

152 29d ago A 8,388 tokens

rule-for-react

133

elkar-ai/elkar-a2a

Cursor rule Cursor

Here’s a rewritten and clearer version of your React Development Guidelines, along with a few proposed additions to strengthen consistency, performance, and developer experience.

151 1y ago A 512 tokens

ui

134

HaochengLu/contextvc

Cursor rule Cursor

Keep UI states explicit: loading, empty, error, and success.

143 1mo ago A 0 tokens original Apache-2.0

color

135

innei-template/smart-webapp-template

Cursor rule Cursor

You should use @https://github.com/Innei/Pastel Pastel color system with kawaii-inspired OKLCH colors and TailwindCSS v4 integration.

142 7d ago A 3 tokens original MIT

antd

138

shuyu-labs/Text2Sql.Net

Cursor rule Cursor

A set of guidance for improving user interfaces built with Blazor and the Ant Design Blazor component library. Blazor is a Microsoft framework for building web interfaces with .NET, while Ant Design Blazor provides reusable interface components.

140 9mo ago A 0 tokens original Apache-2.0

frontend-react

140

madebyaris/poinf-of-sales

Cursor rule Cursor

Complete React component patterns, hooks, and state management with shadcn/ui for POS System.

134 +1 1y ago A 0 tokens original MIT

svelte

141

humanspeak/svelte-markdown

Cursor rule Cursor

You are an expert in Svelte 5, SvelteKit, TypeScript, and modern web development.

131 5d ago A 0 tokens original MIT

ui-spa

142

coddy-project/coddy-agent

Cursor rule Cursor

Embedded SPA chat UI conventions (thinking row, context meter, rebuild).

127 5d ago A 0 tokens original MIT

cursorrules

143

trevor-nichols/agentrules-architect

Cursor rule Cursor

5.1 Three.js Knowledge 5.2 Flask Framework 5.3 Flight Simulator Implementation 5.4 Security Best Practices.

122 4d ago A 2,918 tokens original MIT

kuiklyComposeDSL

144

Tencent-TDS/KuiklyUI-AI

Cursor rule

A set of development rules for KuiklyComposeDSL, a cross-platform interface development system. It covers components, API differences, cautions, and recommended practices.

121 24d ago A 4,027 tokens

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: