ui
49Cursor 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.
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
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.
RealistSec/mpa-first-guidelines
Cursor rule Cursor
MPA-First Development Mandate - Strict rules for building performant, resilient Multi-Page Applications.
Cursor rule Cursor
../../CLAUDE.md.
Cursor rule Cursor needs its repo
Every custom preset MUST populate ALL 33 token categories and ALL 519 fields.
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.
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.
Cursor rule Cursor
When writing code for tailwind css make sure to do the following.
Cursor rule Cursor
Orchestrate motion-aware UI work by sequencing direction, provider choice, implementation, and browser validation.
lucianodiisouza/primo-brutality
Cursor rule Cursor
Conventions for @primo-brutality/ui — React Native + NativeWind component library.
Cursor rule Cursor
Micrographic UI — dense, technical, schematic design (spec sheet / industrial aesthetic). Use the installed micrographic skill for components and views.
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.
Cursor rule Cursor
Create new draft components or prototypes following Code-First-Design patterns.
Cursor rule Cursor
Follow Rails 8.0 view standards with Tailwind CSS in ERB templates.
Cursor rule Cursor
Comprehensive AI-friendly design system for cross-framework responsive applications.
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.
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, }, }).
Institut-du-Numerique-Responsable/skill-nr
Cursor rule Cursor
Règles d'écoconception pour le code frontend (HTML, CSS, JS, images), alignées sur le RGESN et le GR491.
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…
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.
Cursor rule Cursor
Concise rules for building accessible, fast, delightful UIs Use MUST/SHOULD/NEVER to guide decisions.
Cursor rule Cursor
UI/UX standards for Akashi webviews (sidebar + panels).
Cursor rule Cursor
Build premium scroll-driven showcase websites after scanning the template folder and adapting references into fresh responsive code.
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.
Cursor rule Cursor
Rules for building with Solar (solarbuild) — a runtime UI framework for AI-generated code.
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: