79 AI Prompts for React

Build a SaaS MVP from Scratch

Generate a complete SaaS MVP with auth, billing, dashboard, and landing page

Debug React Rendering Issues

Fix unnecessary re-renders and performance bottlenecks

Refactor Component Architecture

Improve component structure and reduce complexity

Review Accessibility

Audit WCAG compliance and fix accessibility issues

Build Responsive Layout

Create mobile-first responsive layouts

Implement Form Validation

Add validation with React Hook Form and Zod

Implement State Management

Choose and implement the right state solution

Optimize Core Web Vitals

Improve LCP, FID, and CLS metrics

Implement Animations

Add smooth animations with Framer Motion

Implement Onboarding

Create guided onboarding with tours and checklists

Build a Real-Time Feature with WebSockets

Implement real-time updates using WebSocket connections with reconnection logic

Implement File Upload System

Build secure file upload with validation, storage, and progress tracking

Build Admin CRUD Interface

Generate a complete admin panel with CRUD operations, search, and pagination

Extract Custom React Hooks

Identify and extract reusable logic into custom hooks

Add Error Boundaries and Fallbacks

Implement error boundaries with fallback UI and error reporting

Build a Dashboard Layout

Create a responsive dashboard with sidebar, header, and content area

Implement Dark Mode Toggle

Add dark/light mode with system preference detection and persistence

Build Multi-Step Form Wizard

Create a step-by-step form with validation and progress

Build Dashboard Charts

Add interactive charts and data visualizations

Prevent Dark Patterns

Ensure ethical UX patterns in forms and flows

Build Notification Preferences

Let users control which notifications they receive

Fix React Hydration Errors

Resolve server/client rendering mismatches

Fix Slow Page Load

Optimize page load performance and reduce bundle size

Review Frontend Code

Audit React/Next.js code for best practices

Write Snapshot Tests

Add snapshot tests for UI components

Build Accessible Form

Create forms with full WCAG accessibility compliance

Implement Skeleton Loading

Add skeleton screens for better loading UX

Build Notification Center

Create in-app notification panel with real-time updates

Implement Infinite Scroll

Add infinite scrolling with virtualization for large lists

Build Command Palette

Create Cmd+K command palette for quick actions

Implement NPS Survey

Add Net Promoter Score surveys for customer feedback

Build a Landing Page

Create a high-converting landing page with hero, features, and CTA

Build Pricing Page

Create pricing tiers with comparison table

Build Portfolio Page

Create a developer portfolio with project showcases

Build Changelog Page

Create a visual changelog with timeline layout

Build Custom 404 Page

Create an engaging 404 error page

Build Coming Soon Page

Create a pre-launch page with email capture

Build About Page

Create a compelling about/team page

Build Contact Page

Create a contact form with validation and auto-reply

Build FAQ Page

Create an FAQ with search and accordion layout

Build Careers Page

Create a job listings page with application flow

Build Integrations Directory

Create an integrations marketplace page

Build Activity Feed

Create a real-time activity feed with notifications

Build Search Page

Create a comprehensive search experience

Build Settings Page

Create a comprehensive settings/dashboard page

Build Onboarding Flow

Create multi-step onboarding for new users

Build A/B Testing Framework

Implement A/B testing for features and UI

Build Embeddable Widget

Create a widget that can be embedded on external sites

Build i18n System

Implement internationalization for multi-language support

Build Progress Tracker

Create a visual progress tracking system

Build Survey Tool

Create surveys with multiple question types

Build Payment Form

Create a secure payment form with Stripe Elements

Build Email Template Builder

Create a visual email template editor

Build File Manager

Create a file management interface with folders

Build Code Editor Component

Create a code editor with syntax highlighting

Build Visual Flow Builder

Create a node-based flow/pipeline builder

Build Advanced Data Table

Create a feature-rich data table component

Build Media Gallery

Create an image/video gallery with lightbox

Build Kanban Board

Create a drag-and-drop kanban board

Build Notification Bell

Create a notification dropdown with real-time updates

Build User Avatar Component

Create an avatar with initials fallback and status indicator

Build Bulk Actions System

Implement multi-select and bulk operations

Build Empty State Components

Create helpful empty states with CTAs

Build Toast Notification System

Create a toast notification system with queues

Build Table Filter System

Create advanced filtering for data tables

Build Breadcrumb Navigation

Create breadcrumb navigation with dynamic segments

Build Sidebar Navigation

Create a sidebar with nested navigation

Build Tab Navigation

Create accessible tab navigation component

Build Accordion Component

Create an accessible accordion with animations

Build Modal Dialog

Create an accessible modal with focus management

Build Tooltip Component

Create tooltips with smart positioning

Build Date Picker

Create a date picker with range selection

Build Color Picker

Create a color picker with palette and input

Build Tree View Component

Create a hierarchical tree with expand/collapse

Build Command Menu

Create Cmd+K command palette with fuzzy search

Build Data Visualization Dashboard

Create interactive charts and graphs

Build Webhook Dashboard

Create a dashboard for managing webhooks

Build Feature Comparison Table

Create a feature comparison table for plans/products

Build Design System

Create a reusable component library with tokens