R
View source Cursor rule · Cursor Rule
React, TypeScript, shadcn/ui
Component conventions for a React and shadcn/ui project
By awesome-cursorrules community (curated by PatrickJS) · last verified 2026-09-06
What it does
Cursor Project Rules for React and TypeScript development with shadcn/ui integration: component composition and styling conventions.
Install
Cursor
mkdir -p .cursor/rules curl -o .cursor/rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p.mdc https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/cursor-ai-react-typescript-shadcn-ui-cursorrules-p.mdc
Per the repo's own instructions: create a .cursor/rules/ directory in your project, then copy the .mdc file into it. Cursor auto-attaches the rule based on the globs in its frontmatter.
Details
StackReact, TypeScript, shadcn/ui
Compared with React, TypeScript, shadcn/ui