Frontend Cursor rules

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

Browse within: nextjs 87cursorrules 86cursor-rules 73cursor-ai 50ai-coding 34copilot 27local-ai 27agentic-engineering 26knowledge-base 26design-system 24reactjs 23design-systems 22vibe-coding 22gpt 21

react-floating-ui

169

docs-plus/docs.plus

Cursor rule Cursor

React 19 + Floating UI 0.27 conventions and pitfalls for floating/anchored components (tooltips, popovers, context menus, dialogs, selects).

not rated 89 yesterday A 0 tokens original MIT

design

170

blockmatic/basilic

Cursor rule Cursor

Animation stack, spacing, typography, and design tokens.

not rated 89 changed today A 0 tokens

internationalization

171

thematters/matters-web

Cursor rule Cursor

Useful for internationalization (i18n) when you use and intl.formatMessage.

not rated 86 1mo ago A 23 tokens original Apache-2.0

styling-conventions

172

thematters/matters-web

Cursor rule Cursor

Matters Web uses CSS Modules and PostCSS for component and page styling.

not rated 86 1mo ago A 457 tokens original Apache-2.0

ucss

173

dcloudio/uni-ai-x

Cursor rule Cursor

Uni-App X implements a subset of Web CSS on the App platform.

not rated 85 2d ago A 0 tokens original Apache-2.0

cursorrules

174

AmoabaKelvin/logdeck

Cursor rule Cursor

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

not rated 84 20d ago A 43 tokens GPL-3.0

cursorrules

175

parterburn/dabble.me

Cursor rule Cursor

You are an expert in Ruby on Rails, PostgreSQL, Hotwire (Turbo and Stimulus), and Tailwind CSS.

not rated 80 today A 705 tokens original MIT

Lawofall/AgentCore

Cursor rule Cursor

An architecture rule for running one product interface across desktop, narrow screens, and a mobile app shell. A mobile shell is the native wrapper around the shared web interface; narrow screens remove capabilities that cannot work there.

not rated 78 4d ago A 0 tokens original MIT

clerk-auth-check

178

waynesutton/promptstack

Cursor rule Cursor

This rule helps ensure that React components using Convex queries with Clerk authentication correctly handle loading and authentication states before attempting to fetch data, especially for admin-protected queries.

not rated 76 1y ago A 0 tokens original MIT

component-builder

179

jrpease/throughline

Cursor rule Cursor

Build Figma components — buttons, inputs, cards, badges, chips, modals, and more — with variant matrices (types, sizes, states) and icon/component/content slots bound to the design system's tokens and styles. Use this when the user wants to create components, build a component library, make buttons/inputs/cards/etc.…

not rated 76 3d ago A 99 tokens original MIT

repository-builder

180

jrpease/throughline

Cursor rule Cursor

Graduate the local design-system folder into a real monorepo — a pnpm + Turborepo workspace with packages for tokens and UI components — and walk the user from a plain folder to local git to a GitHub remote with PRs and CI. Use this when the user wants to set up a repo, create a GitHub repository, add version control…

not rated 76 3d ago A 136 tokens original MIT

token-sync-layer

181

jrpease/throughline

Cursor rule Cursor

Sync Figma design variables into code-ready token files via DTCG JSON and Style Dictionary, emitting framework-specific outputs (shadcn/Tailwind, MUI, vanilla CSS, iOS Swift, Android Kotlin, or custom), and set up the reusable "sync figma tokens" command. Use this when the user wants to turn Figma tokens into code…

not rated 76 3d ago A 126 tokens original MIT

fasthtml

183

ai-evals-course/isaac-fasthtml-workshop

Cursor rule Cursor

The main file for the project is mainsqlite.py It uses MonsterUI for styling. MonsterUI is a python first UI component library that primarily leverages FrankenUI and Tailwind, but also includes headers and functionality form DaisyUI, Katex, HighlightJS, and others.

not rated 69 1y ago A 0 tokens

htmx

184

ai-evals-course/isaac-fasthtml-workshop

Cursor rule Cursor

This rule is to help create interactive behavior with HTMX and fasthtml, which is the preferred approach.

not rated 69 1y ago A 21 tokens

app-router-structure

185

craftled/bordful

Cursor rule Cursor

Bordful uses Next.js 15 with the App Router for file-based routing. Understanding this structure is crucial for navigation and adding new features.

not rated 68 2mo ago A 0 tokens original MIT

cursor

186

brendanciccone/storysync

Cursor rule

Generate Figma component library from Storybook using storysync.

not rated 66 3d ago A 11 tokens original MIT

forms

188

chihebnabil/lovable-boilerplate

Cursor rule Cursor

Form handling patterns with React Hook Form and Zod validation.

not rated 65 1mo ago A 0 tokens original MIT

dynamic-ui

189

Empreiteiro/langflow-factory

Cursor rule Cursor

Dynamic output in Langflow components can be significantly affected by changing the number of rows in a TableInput. This behavior allows components to automatically adapt to data volume, showing relevant outputs based on the amount of available information.

not rated 64 8d ago A 3,518 tokens

components

190

s0vers/next-app-i18n-starter

Cursor rule Cursor

React components — shadcn/ui, RTL, theme, and client/server boundaries.

not rated 64 2mo ago A 0 tokens original MIT

cinematic-ui

191

akseolabs-seo/cinematic-ui

Cursor rule Cursor

Apply when the user asks for a cinematic website, film-style landing page, director-inspired UI, or any design framed around a movie aesthetic. Do not apply for generic web design unless the user explicitly references a film, director, or cinematic style.

not rated 64 +1 4mo ago A 49 tokens original MIT

landinuxt

192

cesswhite/landinuxt

Cursor rule

Add LandiNuxt landing page sections to this Nuxt project via agent-ready exports.

not rated 61 1mo ago A 17 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: