# React · Tech watch [Canonical source]() Building interfaces with React components, state and rendering behavior. ## [Build React forms with the \`useFormity\` hook]() This page explains the `useFormity` hook and Formity’s core concepts. It is an entry point for building React forms from reusable components and rules. 2026-07-11 · [Markdown]() · [Original resource]() ## [Build infinite scrolling in React with \`react-infinite-scroll-component\`]() This React library loads more items as users reach the end of a list. Its repository provides a reusable component instead of requiring custom scroll detection. 2026-04-19 · [Markdown]() · [Original resource]() ## [Configure an image gallery with Yet Another React Lightbox]() This playground lets you test Yet Another React Lightbox settings live. It helps validate navigation and presentation options before applying them to a React gallery. 2026-04-19 · [Markdown]() · [Original resource]() ## [Copy animated React and Tailwind CSS components with Animata]() Animata offers animated components to copy into React or Next.js applications using Tailwind CSS. Its open-source format lets teams inspect and adapt the code to their interface. 2026-04-18 · [Markdown]() · [Original resource]() ## [Filter collections with Refractive components]() `@hashintel/refractive` provides filter components for search and collection-navigation interfaces. The npm package can be added directly to a React application. 2026-04-05 · [Markdown]() · [Original resource]() ## [Explore modal sheet behaviors with React Modal Sheet]() This playground demonstrates React modal-sheet options such as snap points, scrolling, fullscreen, and keyboard handling. It also includes accessibility and reduced-motion examples. 2026-03-15 · [Markdown]() · [Original resource]() ## [Ilamy Calendar: a React calendar with resource views]() Ilamy Calendar provides month, week, and day views with drag-and-drop and resource management. The repository also lists recurring-event support using RFC 5545. 2026-03-08 · [Markdown]() · [Original resource]() ## [Create animated gradients with Shader Gradient]() Shader Gradient lets you tune animated gradients and use them in Framer, Figma, or React. Its interface makes shader parameters easier to explore visually. 2026-02-14 · [Markdown]() · [Original resource]() ## [Connect a UI element to its source with React Grab]() React Grab lets you select a visible element in an app and pass its context to a coding agent. It helps locate the corresponding component in the codebase. 2026-02-06 · [Markdown]() · [Original resource]() ## [Preconfigure React components with \`prefill\`]() The article introduces `prefill`, a function that composes props before they reach a React component. It can replace a dedicated wrapper when standard styles or behavior need to be applied. 2026-02-06 · [Markdown]() · [Original resource]() ## [Vercel’s React best practices organized for agents]() Vercel organizes guidance around major sources of slowness: waterfalls, bundles and unnecessary renders. Prioritization helps agents address costly problems before micro-optimizations. 2026-01-25 · [Markdown]() · [Original resource]() ## [React Intersection Observer: track elements entering the viewport]() The library exposes Intersection Observer through React hooks and components. It reuses compatible observers and provides mocks for testing lazy loading and scroll animations. 2025-11-06 · [Markdown]() · [Original resource]() ## [Sera UI: customizable React and Next.js components]() Sera UI collects JSX components and interface blocks styled with Tailwind CSS. The collection provides customizable foundations for forms, dashboards and web pages. 2025-10-07 · [Markdown]() · [Original resource]() ## [Fumadocs: build documentation within your frontend framework]() Fumadocs provides a documentation-site foundation for React frameworks and Astro. The repository identifies supported environments and its ESM-only package model. 2025-09-22 · [Markdown]() · [Original resource]() ## [EvilCharts: customize charts with shadcn and Recharts]() EvilCharts provides chart components built on Recharts or Apache ECharts with shadcn. Examples make animations and data presentation easier to customize. 2025-09-07 · [Markdown]() · [Original resource]() ## [Lina: adapt scroll areas for touch and desktop]() Lina provides a scroll area with adaptive scrollbars and position-aware edge masks. It preserves native touch behavior while refining desktop interactions. 2025-09-07 · [Markdown]() · [Original resource]() ## [Centralize TanStack Query keys with a typed API]() React Query Key Manager organizes keys by namespace and checks their arguments at compile time. It reduces scattered strings and query collisions in larger applications. 2025-08-18 · [Markdown]() · [Original resource]() ## [Puck: build pages with your application’s components]() Puck presents an embedded React visual editor connected to components, design rules and business APIs. The platform also offers interface generation based on those same building blocks. 2025-07-29 · [Markdown]() · [Original resource]() ## [Kibo UI: extend shadcn/ui with composable components]() Kibo UI provides a component registry designed for shadcn/ui. Color pickers, image zoom and code blocks extend the toolkit while remaining customizable. 2025-07-12 · [Markdown]() · [Original resource]() ## [Animate UI: install and customize animated components]() Animate UI distributes React components built with TypeScript, Tailwind CSS and Motion. Components can be installed through the shadcn CLI and customized within a project. 2025-06-18 · [Markdown]() · [Original resource]() Page 2 / 4 [Previous]() [Next]()