Cursor rules by category
82 Cursor rules for Frontend.
Source and credit: PatrickJS/awesome-cursorrules
Browse by category
Browse by technology
Showing 82 of 82 rules
| Rule | Category |
|---|---|
| Angular Novo Elements Cursorrules Prompt File Cursor rules for Angular development with Novo Elements UI library. | Frontend |
| Angular Typescript Cursorrules Prompt File Cursor rules for Angular development with TypeScript integration. | Frontend |
| Astro Typescript Cursorrules Prompt File Cursor rules for Astro development with TypeScript integration. | Frontend |
| Beefree SDK Guidelines Cursor rules for embedding Beefree SDK's no-code content editors (for emails, pages, and popups) into a web application. | Frontend |
| Beefree SDK Guidelines Guidelines and best practices for building applications with [Beefree SDK](https://docs.beefree.io/beefree-sdk), including installation, authentication, configuration, customization, and template management | Frontend |
| Cloudflare Workers + Hono + Angular SaaS Cursor rules for full-stack SaaS applications on Cloudflare Workers with Hono APIs, Angular frontends, typed RPC, D1/Neon, and production observability. | Frontend |
| Codebase Overview Cursor rules for TypeScript development with React, NextUI, and Supabase integration. | Frontend |
| Coding Style Guide Cursor rules for TypeScript development with Zod, Tailwind, and Next.js integration. | Frontend |
| Cursor Rules Cursor rules for React component creation and development. | Frontend |
| Cursorrules Cursor rules for Next.js development with Vercel and Supabase integration. | Frontend |
| File Path Usage Cursor rules for SvelteKit development with RESTful API and Tailwind CSS integration. | Frontend |
| Htmx Basic Cursorrules Prompt File Cursor rules for HTMX development with basic setup. | Frontend |
| Htmx Django Cursorrules Prompt File Cursor rules for HTMX development with Django integration. | Frontend |
| Htmx Flask Cursorrules Prompt File Cursor rules for HTMX development with Flask integration. | Frontend |
| Htmx Go Basic Cursorrules Prompt File Cursor rules for Go development with basic setup. | Frontend |
| Htmx Go Fiber Cursorrules Prompt File Cursor rules for Go development with Fiber integration. | Frontend |
| Javascript Astro Tailwind Css Cursorrules Prompt F Cursor rules for JavaScript development with Astro and Tailwind CSS integration. | Frontend |
| Next.js 15 + Supabase Architecture Rules 27 architecture rules preventing AI hallucinations: insecure auth (getSession vs getUser), synchronous params, deprecated imports, missing RLS, and Stripe key exposure. Built for Cursor Agent and Claude Code. | Frontend |
| Next.js App Router + TanStack Query v5 Guidelines Cursor rules for Next.js App Router with TanStack Query v5, covering the HydrationBoundary pattern, Server Actions as mutations, and optimistic updates. | Frontend |
| Next.js Best Practices Next.js with TypeScript and Tailwind UI best practices | Frontend |
| Nextjs App Router Cursorrules Prompt File Cursor rules for Next.js development with App Router integration. | Frontend |
| Nextjs Material Ui Tailwind Css Cursorrules Prompt Cursor rules for Next.js development with Material UI and Tailwind CSS integration. | Frontend |
| Nextjs React Tailwind Cursorrules Prompt File Cursor rules for Next.js development with React and Tailwind CSS integration. | Frontend |
| Nextjs React Typescript Cursorrules Prompt File Cursor rules for Next.js development with React and TypeScript integration. | Frontend |
| Nextjs Seo Dev Cursorrules Prompt File Cursor rules for Next.js development with SEO optimization. | Frontend |
| Nextjs Supabase Shadcn Pwa Cursorrules Prompt File Cursor rules for Nextjs Supabase Shadcn Pwa. | Frontend |
| Nextjs Supabase Todo App Cursorrules Prompt File Cursor rules for Next.js development with Supabase integration for a Todo app. | Frontend |
| Nextjs Tailwind Typescript Apps Cursorrules Prompt Cursor rules for Next.js development with Tailwind CSS and TypeScript integration. | Frontend |
| Nextjs Tanstack Query Next.js App Router combined with TanStack Query v5 — HydrationBoundary pattern, Server Actions as mutations, optimistic updates, and infinite scroll | Frontend |
| Nextjs Typescript App Cursorrules Prompt File Cursor rules for Next.js development with TypeScript integration. | Frontend |
| Nextjs Typescript Cursorrules Prompt File Cursor rules for Next.js development with TypeScript integration. | Frontend |
| Nextjs Vercel Typescript Cursorrules Prompt File Cursor rules for Next.js development with Vercel and TypeScript integration. | Frontend |
| Nodejs Mongodb Jwt Express React Cursorrules Promp Cursor rules for Node.js development with MongoDB, JWT, Express, and React integration. | Frontend |
| Project Overview Cursor rules for Next.js development with TypeScript and Tailwind CSS integration. | Frontend |
| Qwik Basic Cursorrules Prompt File Cursor rules for Qwik development with TypeScript and Vite integration. | Frontend |
| Qwik Tailwind Cursorrules Prompt File Cursor rules for Qwik development with Tailwind CSS integration. | Frontend |
| React + TanStack Router + TanStack Query Guidelines Cursor rules for React SPAs combining TanStack Router v1 and TanStack Query v5 for zero-loading-spinner routing and type-safe server state. | Frontend |
| React + Zustand Guidelines React and TypeScript state management guidance for Zustand stores, selectors, middleware, persistence, and testing. | Frontend |
| React Best Practices React best practices and patterns for modern web applications | Frontend |
| React Chakra Ui Cursorrules Prompt File Cursor rules for React development with Chakra UI integration. | Frontend |
| React Graphql Apollo Client Cursorrules Prompt File Cursor rules for GraphQL development with Apollo Client integration. | Frontend |
| React Mobx Cursorrules Prompt File Cursor rules for React development with MobX integration. | Frontend |
| React Nextjs Ui Development Cursorrules Prompt Fil Cursor rules for React development with Next.js UI integration. | Frontend |
| React Query Cursorrules Prompt File Cursor rules for React development with React Query integration. | Frontend |
| React Redux Typescript Cursorrules Prompt File Cursor rules for React development with Redux and TypeScript integration. | Frontend |
| React Router v7 Rules React Router v7 rules for framework mode, data routers, loaders, actions, route modules, and progressive enhancement | Frontend |
| React Styled Components Cursorrules Prompt File Cursor rules for React development with Styled Components integration. | Frontend |
| React Tanstack Router Query React SPA with TanStack Router v1 + TanStack Query v5 — the definitive pattern for zero-loading-spinner routing, type-safe URLs, and cache-first data | Frontend |
| React Typescript Nextjs Nodejs Cursorrules Prompt Cursor rules for React development with TypeScript, Next.js, and Node.js integration. | Frontend |
| React Typescript Symfony Cursorrules Prompt File Cursor rules for React development with TypeScript and Symfony integration. | Frontend |
| Semiotic — AI Assistant Guide Cursor rules for Semiotic data visualization library with 30+ chart types, MCP server, and AI-assisted chart generation. | Frontend |
| Shopify Theme Development Best Practices Best practices for Shopify theme development with Liquid, JavaScript, and CSS | Frontend |
| Solidity React Blockchain Apps Cursorrules Prompt Cursor rules for Solidity development with React Blockchain apps integration. | Frontend |
| Solidjs Basic Cursorrules Prompt File Cursor rules for Solid.js development with basic setup. | Frontend |
| Solidjs Tailwind Cursorrules Prompt File Cursor rules for Solid.js development with Tailwind CSS integration. | Frontend |
| Solidjs Typescript Cursorrules Prompt File Cursor rules for Solid.js development with TypeScript integration. | Frontend |
| Svelte 5 Vs Svelte 4 Cursorrules Prompt File Cursor rules for comparing Svelte 5 and Svelte 4 development. | Frontend |
| Svelte Best Practices Svelte best practices and patterns for modern web applications | Frontend |
| Sveltekit Tailwindcss Typescript Cursorrules Promp Cursor rules for SvelteKit development with Tailwind CSS and TypeScript integration. | Frontend |
| Sveltekit Typescript Guide Cursorrules Prompt File Cursor rules for SvelteKit development with TypeScript integration. | Frontend |
| Tailwind Css Nextjs Guide Cursorrules Prompt File Cursor rules for Tailwind CSS development with Next.js integration. | Frontend |
| Tailwind React Firebase Cursorrules Prompt File Cursor rules for Tailwind development with React and Firebase integration. | Frontend |
| Tanstack Router Type-safe routing with TanStack Router v1 for React apps, including file-based routing, loaders, search params validation, auth guards, and TanStack Query integration | Frontend |
| TanStack Router + React Guidelines Cursor rules for TanStack Router v1 with file-based routing, typed params, search validation, loaders, auth guards, and route preloading. | Frontend |
| Tauri Svelte Typescript Guide Cursorrules Prompt F Cursor rules for Tauri development with Svelte and TypeScript guide integration. | Frontend |
| Typescript Nextjs Cursorrules Prompt File Cursor rules for TypeScript development with Next.js integration. | Frontend |
| Typescript Nextjs React Cursorrules Prompt File Cursor rules for TypeScript development with Next.js and React integration. | Frontend |
| Typescript Nextjs React Tailwind Supabase Cursorru Cursor rules for TypeScript development with Next.js, React, Tailwind, and Supabase integration. | Frontend |
| Typescript Nextjs Supabase Cursorrules Prompt File Cursor rules for TypeScript development with Next.js and Supabase integration. | Frontend |
| Typescript Nodejs Nextjs App Cursorrules Prompt Fi Cursor rules for TypeScript development with Node.js and Next.js app integration. | Frontend |
| Typescript Nodejs Nextjs React Ui Css Cursorrules Cursor rules for TypeScript development with Node.js, Next.js, React, UI, and CSS integration. | Frontend |
| Typescript Nodejs React Vite Cursorrules Prompt Fi Cursor rules for TypeScript development with Node.js, React, and Vite integration. | Frontend |
| Typescript React Cursorrules Prompt File Cursor rules for TypeScript development with React integration. | Frontend |
| Typescript React Nextjs Cloudflare Cursorrules Pro Cursor rules for TypeScript development with React, Next.js, and Cloudflare integration. | Frontend |
| Typescript Shadcn Ui Nextjs Cursorrules Prompt Fil Cursor rules for TypeScript development with shadcn/ui and Next.js integration. | Frontend |
| Typescript Vuejs Cursorrules Prompt File Cursor rules for TypeScript development with Vue.js integration. | Frontend |
| Vue + Pinia Guidelines Vue 3 and TypeScript state management guidance for Pinia stores, Composition API usage, SSR, persistence, and testing. | Frontend |
| Vue 3 Nuxt 3 Development Cursorrules Prompt File Cursor rules for Vue 3 development with Nuxt 3 integration. | Frontend |
| Vue 3 Nuxt 3 Typescript Cursorrules Prompt File Cursor rules for Vue 3 development with TypeScript integration. | Frontend |
| Vue Claude Stack Complete AI coding setup for Vue 3 & Nuxt 3 — .cursorrules + CLAUDE.md + Copilot instructions + generation skills. | Frontend |
| Vue.js Best Practices Vue.js best practices and patterns for modern web applications | Frontend |
| Vue3 Composition Api Cursorrules Prompt File Cursor rules for Vue 3 development with Composition API integration. | Frontend |
This directory lists 82 Cursor rules for Frontend, such as Angular Novo Elements Cursorrules Prompt File, Angular Typescript Cursorrules Prompt File, Astro Typescript Cursorrules Prompt File, Beefree SDK Guidelines, Beefree SDK Guidelines.