# UI/UX · Tech watch [Canonical source]() Designing interfaces and flows around user needs. ## [Create demo videos without manual editing with Recordly]() Recordly captures an application and automates the production of demo videos. It targets macOS, Windows, and Linux to share product walkthroughs without a separate video editor. 2026-08-23 · [Markdown]() · [Original resource]() ## [NameThatUI: identify an interface pattern from a description]() NameThatUI identifies an interface element from a plain-language description, then returns its term, API symbol, and a reusable prompt. Its visual dictionary covers web and macOS patterns. 2026-08-15 · [Markdown]() · [Original resource]() ## [Browse and reuse animated components with OriginKit]() OriginKit offers a gallery of animated web components to copy or use in Framer. Previews showcase CSS and WebGL effects, with part of the collection available for free. 2026-07-19 · [Markdown]() · [Original resource]() ## [Emil Kowalski’s skill for polished interface details]() This skill turns Emil Kowalski’s motion and interface-craft guidance into instructions an agent can use. It focuses on transitions, states, and details that make interactions clearer. 2026-05-22 · [Markdown]() · [Original resource]() ## [Help agents produce less generic interfaces with Taste Skill]() Taste Skill collects open-source guidance for an agent’s visual decisions. Installing it adds a design framework beyond default components and styles. 2026-05-22 · [Markdown]() · [Original resource]() ## [Give coding agents a design vocabulary with Impeccable]() Impeccable provides design commands and guidance to help an agent refine an existing interface. It covers typography, color, and consistency with a component system. 2026-05-10 · [Markdown]() · [Original resource]() ## [Prototype interfaces with your coding agent using OpenDesign]() OpenDesign is an open-source workspace for creating prototypes, pages, and presentations with a coding agent. It centers the workflow on developer files and tools. 2026-05-10 · [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]() ## [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]() ## [Browse web design references with Godly]() Godly collects websites and interfaces as visual references. Its gallery helps identify layout directions and interaction details to study. 2026-03-19 · [Markdown]() · [Original resource]() ## [Search thousands of brand SVG icons with theSVG]() TheSVG catalogs searchable brand icons in SVG with integrations for several frameworks. It also offers a CLI, CDN, and MCP server for retrieving assets. 2026-03-16 · [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]() ## [Add haptic feedback to mobile web interactions]() WebHaptics adds tactile feedback to mobile web interactions through a small JavaScript API. It offers a way to make gestures feel physical without building a native app. 2026-03-04 · [Markdown]() · [Original resource]() ## [Guide an agent’s interface design with UI UX Pro Max]() This skill gives an agent design guidance and interface choices for multiple platforms. The repository includes style, typography, and color-pairing recommendations to shape an implementation. 2026-02-15 · [Markdown]() · [Original resource]() ## [Griddy Icons: an open-source geometric icon family]() Griddy Icons collects free vector pictograms in a consistent geometric style. The set helps keep interface iconography visually coherent. 2026-02-14 · [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]() ## [Customize animated Rive and Lottie icons with Unicorn Icons]() Unicorn Icons offers animated icons that can be customized in the browser and exported as Rive or Lottie. The listed targets include React, iOS, and Android. 2026-02-14 · [Markdown]() · [Original resource]() ## [ToolJet: build internal tools on existing data]() ToolJet builds dashboards and operational applications from databases, APIs and SaaS services. Its visual editor and generation features work within the platform’s component and data model. 2026-01-29 · [Markdown]() · [Original resource]() ## [Skeleton: organize themes and components around Tailwind]() Skeleton adds a theme system and Zag.js-based components to Tailwind. The documentation presents shared design foundations for frameworks including Svelte and React. 2025-10-19 · [Markdown]() · [Original resource]() Page 2 / 4 [Previous]() [Next]()