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

ui

49

romkey/I2C-Directory

Cursor rule Cursor

Apply these rules to any HTML/template/CSS Cursor writes for this project. The system uses Bootstrap 5.3 with data-bs-theme="dark" and a custom refresh.css that defines the component classes referenced below.

not rated 11 12d ago A 2,175 tokens original MIT

mpa-strict-rules

50

RealistSec/mpa-first-guidelines

Cursor rule Cursor

MPA-First Development Mandate - Strict rules for building performant, resilient Multi-Page Applications.

not rated 11 10mo ago A 3,483 tokens original MIT

sigil-design-system

52

Kevin-Liu-01/Sigil-UI

Cursor rule Cursor needs its repo

Every custom preset MUST populate ALL 33 token categories and ALL 519 fields.

not rated 10 yesterday A 5,196 tokens original MIT

gsap-choreography

53

Costumary/gsap-choreography

Cursor rule Cursor

Use when building multi-scene GSAP animations for product demos, hero walkthroughs, or scripted UI sequences in React. Covers timeline architecture, cursor choreography, scene transitions, click systems, typed text, and animation coordination across components.

not rated 9 4mo ago A 0 tokens

respira-wordpress

54

respira-press/respira-wordpress-mcp

Cursor rule Cursor

How to edit a live WordPress site through the Respira MCP server. Use when working on WordPress pages, posts, page builders (Elementor, Divi, Bricks, Gutenberg and others) or WooCommerce through respira tools.

not rated 9 3d ago A 49 tokens original MIT

tailwindcss

55

bmdavis419/river-mono

Cursor rule Cursor

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

not rated 8 11mo ago A 1,890 tokens

ui-motion-workflow

56

powehi-eu/ui-motion-workflow

Cursor rule Cursor

Orchestrate motion-aware UI work by sequencing direction, provider choice, implementation, and browser validation.

not rated 6 2mo ago A 0 tokens original MIT

micrographic

58

albegosu/micrographic-skill

Cursor rule Cursor

Micrographic UI — dense, technical, schematic design (spec sheet / industrial aesthetic). Use the installed micrographic skill for components and views.

not rated 6 22d ago A 173 tokens original MIT

Seeed-Solution/csg-design-system

Cursor rule Cursor

Generates React + CSS Module components matching the CSG Design System (SenseCraft AI). Activate when building UI components, buttons, inputs, cards, modals, badges, or navigation.

not rated 5 6mo ago A 0 tokens

1003-rails-views

61

andyw8/rails_rules

Cursor rule Cursor

Follow Rails 8.0 view standards with Tailwind CSS in ERB templates.

not rated 4 1y ago A 0 tokens original MIT

30-scss-and-build

63

sowee121/frontend-interview-vue

Cursor rule Cursor

Coding rules for Sass, a stylesheet language, and Vite, a tool that builds front-end applications. They define naming, file organization, automatic variables, and deployment paths.

not rated 4 2mo ago A 0 tokens original MIT

modern-flexbox

64

maccman/ai-expo-starter-template

Cursor rule Cursor

// ✅ GOOD: Use gap for automatic spacing const styles = StyleSheet.create({ container: { gap: 16, // Consistent 16px between all children paddingBottom: 20, }, }).

not rated 4 1y ago A 0 tokens original MIT

motion-ui

66

VoTruongDanh/Skills-Agent

Cursor rule Cursor

Advanced Motion UI (AMUI) — Create clean, modern UI with subtle Framer Motion micro-interactions, clear states (idle/loading/success/error), consistent styling via design tokens, and smooth animations. Use when the user wants motion-rich, polished UI with micro-interactions. Triggers: motion, animation, framer motion…

not rated 4 +1 changed 1mo ago A 85 tokens original MIT

sheleg-design

67

ssheleg/sheleg-design-skill

Cursor rule Cursor

Apply SHELEG Design when building a cinematic scroll-driven landing page, hero, or particle/WebGL scroll experience — or when styling product UI (dashboards, admin, internal tools) with its style packs.

not rated 4 +1 changed 4d ago A 40 tokens original MIT

gokulkrishh/.cursor

Cursor rule Cursor

Concise rules for building accessible, fast, delightful UIs Use MUST/SHOULD/NEVER to guide decisions.

not rated 3 8mo ago A 1,640 tokens original MIT

monich

70

WyvernCW/Monich

Cursor rule Cursor

Build premium scroll-driven showcase websites after scanning the template folder and adapting references into fresh responsive code.

not rated 3 4mo ago A 0 tokens original MIT

youjunxiaji/gl-mcp-feedback

Cursor rule Cursor

A set of project rules for a web-based tool where people and AI agents exchange feedback. The project uses Tailwind CSS and inline JavaScript in the browser, with Python, FastAPI, and Jinja2 on the server.

not rated 3 4mo ago A 1,617 tokens

solar

72

Stahlwalker/framework-solar

Cursor rule Cursor

Rules for building with Solar (solarbuild) — a runtime UI framework for AI-generated code.

not rated 2 2mo 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: