Google Antigravity Directory

The #1 directory for Google Antigravity prompts, rules, workflows & MCP servers. Optimized for Gemini 3 agentic development.

Resources

PromptsMCP ServersAntigravity RulesGEMINI.md GuideBest Practices

Company

Submit PromptAntigravityAI.directory

Popular Prompts

Next.js 14 App RouterReact TypeScriptTypeScript AdvancedFastAPI GuideDocker Best Practices

Legal

Privacy PolicyTerms of ServiceContact Us
Featured on FazierVerified on Verified ToolsFeatured on WayfindioAntigravity AI - Featured on Startup FameFeatured on Wired BusinessFeatured on Twelve ToolsListed on Turbo0Featured on findly.toolsFeatured on Aura++That App ShowFeatured on FazierVerified on Verified ToolsFeatured on WayfindioAntigravity AI - Featured on Startup FameFeatured on Wired BusinessFeatured on Twelve ToolsListed on Turbo0Featured on findly.toolsFeatured on Aura++That App Show

© 2025 Antigravity AI Directory. All rights reserved.

The #1 directory for Google Antigravity IDE

This website is not affiliated with, endorsed by, or associated with Google LLC. "Google" and "Gemini" are trademarks of Google LLC.

Antigravity AI Directory
PromptsMCPBest PracticesUse CasesLearn
Home
Categories
React

Best React Prompts for Antigravity AI

Curated React prompts and workflows for building modern applications with Antigravity AI. Master hooks, components, state management, and React best practices.

📚 What You'll Find Here

  • →React Hooks patterns
  • →Component architecture
  • →State management solutions
  • →Performance optimization
  • →Testing strategies
  • →TypeScript integration

42 React Prompts Available

React Hooks الدليل المتقدم بالعربية

أتقن React Hooks المتقدمة: useCallback و useMemo و useReducer والـ Hooks المخصصة وأنماط التحسين. الدليل الشامل لمطوري React.

⭐0
reacthookstypescriptعربيarabicuseReducerتحسين-الأداء
by AntigravityAI

Next.js 15 الدليل الشامل للتطوير

أتقن Next.js 15 مع App Router و Server Components و Server Actions. تعلم أفضل الممارسات لتطوير الويب الحديث باستخدام React و TypeScript.

⭐0
nextjsreacttypescriptعربيarabicتطوير-الويبمكونات-الخادم
by AntigravityAI

React Hooks Guide Avancé en Français

Maîtrisez les React Hooks avancés : useCallback, useMemo, useReducer, hooks personnalisés et patterns d optimisation. Guide complet pour développeurs React.

⭐0
reacthookstypescriptfrançaisfrenchuseReduceroptimisation
by AntigravityAI

Next.js 15 Полное Руководство по Разработке

Освойте Next.js 15 с App Router, Server Components и Server Actions. Изучите лучшие практики современной веб-разработки с React и TypeScript.

⭐0
👁️1
nextjsreacttypescriptрусскийrussianвеб-разработкасерверные-компоненты
by AntigravityAI

Next.js 15 Guide Complet de Développement

Maîtrisez Next.js 15 avec App Router, Server Components et Server Actions. Apprenez les meilleures pratiques pour le développement web moderne avec React et TypeScript.

⭐0
nextjsreacttypescriptfrançaisfrenchdéveloppement-webcomposants-serveur
by AntigravityAI

Next.js 15 完全開発ガイド

Next.js 15のApp Router、Server Components、Server Actionsをマスターしましょう。ReactとTypeScriptを使用したモダンなWeb開発のベストプラクティスを学びます。

⭐0
nextjsreacttypescript日本語japaneseweb開発サーバーコンポーネント
by AntigravityAI

Next.js 15 完整开发指南

掌握 Next.js 15 的 App Router、Server Components 和 Server Actions。学习使用 React 和 TypeScript 进行现代 Web 开发的最佳实践。

⭐0
nextjsreacttypescript中文chineseweb开发服务器组件
by AntigravityAI

React Hooks 高级使用指南

掌握 React Hooks 高级用法:useCallback、useMemo、useReducer、自定义 Hooks 和性能优化模式。React 开发者完整指南。

⭐0
reacthookstypescript中文chineseuseReducer性能优化
by AntigravityAI

Next.js 15 Vollständige Entwicklungsanleitung

Meistern Sie Next.js 15 mit App Router, Server Components und Server Actions. Lernen Sie Best Practices für moderne Webentwicklung mit React und TypeScript auf Deutsch.

⭐0
nextjsreacttypescriptdeutschgermanwebentwicklungserver-components
by AntigravityAI

React Hooks Guía Avanzada en Español

Domina los React Hooks avanzados: useCallback, useMemo, useReducer, hooks personalizados y patrones de optimización. Guía completa para desarrolladores React.

⭐0
reacthookstypescriptespañolspanishuseReduceruseMemouseCallback
by AntigravityAI

Next.js 15 Guía Completa de Desarrollo

Domina Next.js 15 con App Router, Server Components, Server Actions y optimización de rendimiento. Aprende las mejores prácticas para desarrollo web moderno con React y TypeScript.

⭐0
nextjsreacttypescriptespañolspanishserver-componentsdesarrollo-web
by AntigravityAI

shadcn/ui Component Patterns Complete Guide

Master shadcn/ui for building beautiful React interfaces. Learn component customization, theming, form integration, data tables, command palette, and accessible design patterns.

⭐0
👁️3
shadcn-uireacttailwindcomponentsformsuitypescript
by AntigravityAI

Framer Motion Animations Complete Guide

Create stunning animations with Framer Motion for React. Learn gestures, layout animations, scroll effects, exit animations, orchestration, and performance optimization patterns.

⭐0
👁️2
framer-motionanimationreactgesturesscrolluitypescript
by AntigravityAI

React Hook Form Advanced Patterns Guide

Master advanced form handling with React Hook Form. Learn complex validation with Zod, dynamic fields, multi-step forms, file uploads, and server-side validation with Next.js.

⭐0
👁️2
react-hook-formformsvalidationzodtypescriptnextjsreact
by AntigravityAI

tRPC Type-Safe API Development Complete Guide

Master tRPC for building end-to-end type-safe APIs. Learn procedures, routers, middleware, error handling, subscriptions, and integration with Next.js App Router for seamless full-stack TypeScript development.

⭐0
trpctypescriptapinextjsreact-queryfull-stacktype-safe
by AntigravityAI

TanStack React Query Data Fetching Patterns

Master TanStack Query (React Query) for efficient data fetching, caching, mutations, and optimistic updates in React and Next.js applications.

⭐0
React QueryTanStackData FetchingCachingReactTypeScript
by Antigravity AI

Tailwind CSS Advanced Component Patterns

Master advanced Tailwind CSS patterns including custom plugins, design systems, responsive utilities, and component variants for scalable UI development.

⭐0
👁️3
Tailwind CSSCSSDesign SystemsComponentsReactUI
by Antigravity AI

Next.js 15 Server Actions Complete Guide

Master Next.js 15 Server Actions for seamless server-side mutations, form handling, and data revalidation. Production-ready patterns for Google Antigravity.

⭐0
👁️2
Next.jsServer ActionsReactTypeScriptFormsMutations
by Antigravity AI

Alpine.js Reactive Components

Lightweight reactivity

⭐0
👁️2
Alpine.jsJavaScriptReactive
by Antigravity Team

Svelte 5 Runes System

Reactivity with new runes API

⭐0
👁️4
SvelteRunesReactivity
by Antigravity Team

Remix Loaders and Actions

Data flow in Remix applications

⭐0
👁️5
RemixReactFull-stack
by Antigravity Team

Angular Signals Reactivity

Fine-grained reactivity in Angular

⭐0
👁️3
AngularSignalsReactivity
by Antigravity Team

Solid.js Reactive Primitives

Fine-grained reactivity with Solid

⭐0
👁️2
SolidJSReactivityPerformance
by Antigravity Team

CSS-in-JS with Styled Components

Style React applications with Styled Components and best practices

⭐1
👁️26
CSS-in-JSStyled ComponentsReactStyling
by Community

Code Splitting and Lazy Loading

Optimize bundle size with code splitting and lazy loading

⭐0
👁️12
📋1
PerformanceOptimizationReactWebpack
by Community

Form Validation in React

Implement robust form validation with React Hook Form and Zod

⭐1
👁️14
📋3
FormsValidationReactTypeScript
by Community

State Management with Zustand

Lightweight state management with Zustand for React applications

⭐1
👁️18
📋1
ZustandStateReactTypeScript
by Community

Testing React Components Guide

Jest, React Testing Library, and testing best practices

⭐0
👁️9
TestingReactJestQuality
by Community

Advanced React Hooks Patterns

Custom hooks, useReducer, useContext, and advanced React patterns

⭐0
👁️24
📋3
ReactHooksTypeScriptPatterns
by Community

Next.js 14 App Router Complete Guide

Master Next.js 14 App Router with server components, layouts, and streaming

⭐1
👁️29
📋3
Next.jsReactTypeScriptApp Router
by Community

Gatsby SSG & Performance

Build blazing-fast static sites with Gatsby, GraphQL data layer, and optimal image handling.

⭐0
👁️1
GatsbyReactSSGPerformance
by Community

React Native Offline-First Apps

Build resilient mobile apps with offline capabilities, data sync, and network handling.

⭐0
👁️68
📋2
React NativeOfflineMobileData Sync
by Community

React Native Performance Optimization

Optimize React Native apps for 60fps smooth performance on iOS and Android.

⭐0
👁️10
📋4
React NativePerformanceMobileOptimization
by Community

Expo Managed Workflow Best Practices

Build cross-platform mobile apps efficiently with Expo's managed workflow and EAS.

⭐0
👁️32
📋2
ExpoReact NativeMobileEAS
by Community

React Native Navigation Patterns

Implement smooth, native-feeling navigation in React Native apps using React Navigation with proper state management.

⭐0
👁️21
📋1
React NativeNavigationMobileUX
by Community

React Hook Form Validation

Build performant, accessible forms in React with React Hook Form, Zod validation, and error handling.

⭐0
👁️4
📋1
ReactFormsValidationReact Hook Form
by Community

React Testing Library Best Practices

Write maintainable, user-centric tests for React components using Testing Library and Jest.

⭐0
👁️5
ReactTestingJestQA
by Community

React Three Fiber for 3D Graphics

Create stunning 3D experiences in React using Three.js with React Three Fiber, animations, and physics.

⭐0
👁️8
📋1
ReactThree.js3DWebGL
by Community

React Query for Data Fetching

Master server state management with React Query (TanStack Query) for efficient data fetching, caching, and synchronization.

⭐0
👁️3
ReactReact QueryData FetchingState Management
by Community

Next.js App Router with SSG & ISR

Master Static Site Generation and Incremental Static Regeneration with Next.js App Router for optimal performance.

⭐0
👁️8
Next.jsReactSSGISRPerformance
by Community

Modern React TypeScript Development

Master React with TypeScript using hooks, context, and modern patterns for scalable applications.

⭐0
👁️24
📋4
ReactTypeScriptFrontendHooks
by Community

Next.js TypeScript Best Practices

Build production-ready Next.js applications with TypeScript, focusing on App Router, Server Components, and modern patterns.

⭐0
👁️36
📋8
Next.jsTypeScriptReactFrontend
by Community

💡 Related Resources

▲

Next.js Prompts

React framework

📘

TypeScript Prompts

Type-safe React

⭐

Best Practices

Expert recommendations