CSS and styling Cursor rules

685 tagged CSS and styling, measured the same way as everything else here.

Browse within: cursor 93cli 60cursorrules 58modus 46trimble 46cursor-rules 24agent 22LLM 21awesome-list 21awesome 19cursor-ai-editor 19nextjs 19design-system 16agents 15

tailwind-v4-core

73

RoninForge/roninforge-tailwind-v4

Cursor rule Cursor needs its repo

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

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

cursorrules

74

dev-lou/PixelPilot

Cursor rule Cursor

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

not rated 2 6mo ago A 559 tokens original MIT

nicolethoen/patternfly-vite-seed-app

Cursor rule Cursor

Always reference the README and markdown documentation in this repository when generating, editing, or reviewing any PatternFly (PF) code. These files contain the authoritative best practices, guidelines, and up-to-date standards for PatternFly development.

not rated 2 1y ago A 0 tokens

[email protected]

76

cmnemoi/cursor-rules

Cursor rule Cursor needs its repo

Apply Tailwind CSS v4.1 standards for modern CSS development, focusing on CSS-based configuration, updated utility/variant syntax, and removal of deprecated features when writing CSS or using Tailwind utilities in various frameworks.

not rated 2 1y ago A 0 tokens original MIT

frontend

78

amanvats/misogi-resume-maker

Cursor rule Cursor

This document defines the design language, UI patterns, spacing, iconography, and third-party libraries to be used for implementing the frontend of the ResumeBuilder app. It is tailored for modern minimalist aesthetics inspired by Masai School, enhanced with glassmorphism.

not rated 2 1y ago A 1,345 tokens

technasm

80

powerusers/technasm

Cursor rule Cursor

Technasm closed CSS grammar for AI-generated HTML UI.

not rated 2 2mo ago A 0 tokens original MIT

cursor-rule

81

YYShawn/explain-kit

Cursor rule Cursor

A Cursor rule for adding a guided walkthrough to a static HTML prototype: a movable explanation card, step markers, highlighted page areas, and text for each step. It works in a copy of the demo so the original remains untouched.

not rated 2 2mo ago A 0 tokens original MIT

style-guidelines

83

workwsl/taro-tailwind-template

Cursor rule Cursor

A set of stylesheet-writing rules written in Chinese. It prioritizes Tailwind, with Less or CSS as supporting options, and includes BEM naming, CSS variables, and mini-program compatibility.

not rated 2 9mo ago A 0 tokens

glassmorphism-ui

85

Tght1211/dream-ui

Cursor rule Cursor

A set of visual rules for building web interfaces in a glassmorphism style, which uses translucent, blurred surfaces to create a glass-like appearance.

not rated 2 7mo ago A 0 tokens

frontend-rule

86

asunYLiu/practiceAI

Cursor rule Cursor

When designing a frontend or frontend components.

not rated 2 1y ago A 8 tokens original MIT

frontend-guardrails

87

emilyLi2020/WAVE

Cursor rule Cursor

WAVE frontend guardrails — applies to every file under client/.

not rated 2 3mo ago A 1,358 tokens original Apache-2.0

bem-scss

88

AtulFalle/ng-elemental

Cursor rule Cursor

Enforce BEM SCSS naming for NgElemental UI and docs styles.

not rated 2 3d ago A 0 tokens original MIT

superui

89

HappyDoggyAI/superui

Cursor rule Cursor

Use SuperUI for frontend UI design, redesign, DESIGN.md, planning, implementation, responsive QA, accessibility, and review.

not rated 1 +1 3mo ago A 25 tokens original MIT

PiuQiuPiaQia/mcp-tool

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…

not rated 1 1y ago A 3 tokens

motionspec

91

MasterPlayspots/motionspec

Cursor rule Cursor needs its repo

Motion accessibility rules for web UI animation (prefers-reduced-motion, WCAG 2.2.2 pause path, no flashing) and how to run MotionSpec (compile / audit) in this repo.

not rated 1 +1 changed 8d ago A 0 tokens original MIT

player-widget-cache

92

Qencode-Corp/mcp

Cursor rule Cursor

ChatGPT MCP player cache keys — bump WIDGETVERSION by hand when the widget changes.

not rated 1 27d ago A 1,404 tokens original MIT

best-practices

93

ofershap/shadcn-best-practices

Cursor rule Cursor

shadcn/ui Best Practices - enforces current best practices when working with shadcn/ui code.

not rated 0 8mo ago A 147 tokens original MIT

limowan/mowan-mcp-feedback

Cursor rule Cursor

Architecture rules for a web tool that collects feedback between users and AI agents. It uses Tailwind CSS and inline JavaScript in the browser, with Python, FastAPI, and Jinja2 on the server.

not rated 0 6mo ago A 1,143 tokens

teacat99/gl-mcp-feedback

Cursor rule Cursor

Project rules for a feedback tool built with MCP, a standard for connecting agents to tools, and a web interface for conversations between users and AI agents. Its frontend uses Tailwind CSS and inline JavaScript; its backend uses Python, FastAPI, and Jinja2.

not rated 0 5mo ago A 1,338 tokens fork

style-agent

96

jtrslar/style-agent

Cursor rule Cursor

When checking page styles or closing a style loop, use style-agent MCP over CDP. No screenshots.

not rated 0 2mo ago A 21 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: