CSS and styling cursor rules

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

Browse within: modus 15trimble 15cursor-rules 13cursorrules 12design-system 11css 9design-tokens 9component-library 7cursor-plugin 7fastapi 7design-language 6nextjs 6oklch 6ai-dev-tools 5

ucss

25

dcloudio/uni-ai-x

Cursor rule Cursor

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

85 yesterday A 0 tokens original Apache-2.0

token-sync-layer

26

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…

76 4d ago A 126 tokens original MIT

cursorrules

29

adilmoujahid/p5js-ai-editor

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, and thoughtful answers, and are a…

28 1y ago A 636 tokens original MIT

66-stack-shadcn

34

zoxknez/ai-coding-rules

Cursor rule Cursor

USE WHEN: working with Shadcn UI, Tailwind CSS, Lucide icons, or Sonner toasts.

27 4mo ago A 0 tokens original MIT

astro-site

35

ctxs-ai/ctxs.ai

Cursor rule Cursor

Site/Frontend implementation using Astro, React, and Tailwind CSS.

27 1y ago A 0 tokens original MIT

304-react-patterns

36

HaiDong-Once/cursor-rules-collection

Cursor rule

A Chinese-language set of coding rules for React, Next.js, Redux, TypeScript, JavaScript, HTML, CSS, and related web tools. It covers planning, naming, formatting, type safety, and component design.

24 1y ago A 0 tokens original MIT

ui-components

37

virastack/ai

Cursor rule Cursor

USE WHEN: Building UI components, structuring layouts, and applying styles using Tailwind CSS.

23 26d ago A 0 tokens original MIT

Kevin-Liu-01/Agent-Machines

Cursor rule Cursor

Reticle grid layout pattern — structural grid, hairline borders, margins, gutters, and rounded cards in cells. Apply when building or editing any page-level section grid in the Agent Machines landing page.

21 15d ago A 0 tokens original MIT

aura-design

40

Horosheff/aura-designer

Cursor rule Cursor

A set of instructions for AuraDesign Agent, an AI tool that creates web interfaces from written design rules. It covers how the agent analyzes sites, chooses assets, and generates HTML and CSS.

21 3mo ago A 2,007 tokens original MIT

Horosheff/aura-designer

Cursor rule Cursor

A pair of design instructions for Aura Designer: one selects similar Google Fonts, including fonts that support Cyrillic writing, and the other copies shapes, borders, and shadows from a reference.

21 3mo ago A 1,570 tokens original MIT

tailwind

42

louisbrulenaudet/monorepo-template

Cursor rule Cursor

Tailwind CSS v4 - CSS-first config, @source detection, @theme tokens, semantic dark-mode tokens, static-string classes, and the enforced better-tailwindcss lint set.

19 yesterday A 0 tokens original Apache-2.0

frontend-10x-motion

43

Kevin-Liu-01/Loop

Cursor rule Cursor

Motion, parallax, 3D, shader, and performance rules for distinctive frontend work.

18 1mo ago A 613 tokens original MIT

frontend-10x-system

44

Kevin-Liu-01/Loop

Cursor rule Cursor

High-signal frontend art direction, system design, and anti-generic guardrails.

18 1mo ago A 790 tokens original MIT

clean-dom

45

movahedan/monobun

Cursor rule Cursor

HTML semantic elements, DOM structure, responsive images, forms, CSS, and Tailwind best practices with accessibility a11y.

18 4d ago A 0 tokens original MIT

uizze/uizze

Cursor rule Cursor

Apply the UIZZE design contract and finish gate to frontend work.

14 4d ago A 177 tokens original MIT