Cursor rule Cursor
React 19 + Floating UI 0.27 conventions and pitfalls for floating/anchored components (tooltips, popovers, context menus, dialogs, selects).
2,573 tagged Frontend, measured the same way as everything else here.
Browse within: nextjs 87cursorrules 86cursor-rules 73cursor-ai 50ai-coding 34copilot 27local-ai 27agentic-engineering 26knowledge-base 26design-system 24reactjs 23design-systems 22vibe-coding 22gpt 21
Cursor rule Cursor
React 19 + Floating UI 0.27 conventions and pitfalls for floating/anchored components (tooltips, popovers, context menus, dialogs, selects).
Cursor rule Cursor
Animation stack, spacing, typography, and design tokens.
Cursor rule Cursor
Useful for internationalization (i18n) when you use and intl.formatMessage.
Cursor rule Cursor
Matters Web uses CSS Modules and PostCSS for component and page styling.
Cursor rule Cursor
Uni-App X implements a subset of Web CSS on the App platform.
Cursor rule Cursor
Use the latest version of Shadcn to install new components, like this command to add a button component.
Cursor rule Cursor
You are an expert in Ruby on Rails, PostgreSQL, Hotwire (Turbo and Stimulus), and Tailwind CSS.
Cursor rule
EXPLAIN how to create and use routing file in NextJS.
Cursor rule Cursor
An architecture rule for running one product interface across desktop, narrow screens, and a mobile app shell. A mobile shell is the native wrapper around the shared web interface; narrow screens remove capabilities that cannot work there.
Cursor rule Cursor
This rule helps ensure that React components using Convex queries with Clerk authentication correctly handle loading and authentication states before attempting to fetch data, especially for admin-protected queries.
Cursor rule Cursor
Build Figma components — buttons, inputs, cards, badges, chips, modals, and more — with variant matrices (types, sizes, states) and icon/component/content slots bound to the design system's tokens and styles. Use this when the user wants to create components, build a component library, make buttons/inputs/cards/etc.…
Cursor rule Cursor
Graduate the local design-system folder into a real monorepo — a pnpm + Turborepo workspace with packages for tokens and UI components — and walk the user from a plain folder to local git to a GitHub remote with PRs and CI. Use this when the user wants to set up a repo, create a GitHub repository, add version control…
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…
ai-evals-course/isaac-fasthtml-workshop
Cursor rule Cursor
Rules for working with the React project in the /frontend folder.
ai-evals-course/isaac-fasthtml-workshop
Cursor rule Cursor
The main file for the project is mainsqlite.py It uses MonsterUI for styling. MonsterUI is a python first UI component library that primarily leverages FrankenUI and Tailwind, but also includes headers and functionality form DaisyUI, Katex, HighlightJS, and others.
ai-evals-course/isaac-fasthtml-workshop
Cursor rule Cursor
This rule is to help create interactive behavior with HTMX and fasthtml, which is the preferred approach.
Cursor rule Cursor
Bordful uses Next.js 15 with the App Router for file-based routing. Understanding this structure is crucial for navigation and adding new features.
Cursor rule
Generate Figma component library from Storybook using storysync.
kuraydev/react-native-typescript-library-starter
Cursor rule Cursor
React Native library conventions for this starter. Apply when creating or editing components, hooks, types, or tests in src/.
chihebnabil/lovable-boilerplate
Cursor rule Cursor
Form handling patterns with React Hook Form and Zod validation.
Cursor rule Cursor
Dynamic output in Langflow components can be significantly affected by changing the number of rows in a TableInput. This behavior allows components to automatically adapt to data volume, showing relevant outputs based on the amount of available information.
Cursor rule Cursor
React components — shadcn/ui, RTL, theme, and client/server boundaries.
Cursor rule Cursor
Apply when the user asks for a cinematic website, film-style landing page, director-inspired UI, or any design framed around a movie aesthetic. Do not apply for generic web design unless the user explicitly references a film, director, or cinematic style.
Cursor rule
Add LandiNuxt landing page sections to this Nuxt project via agent-ready exports.
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: