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.
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.
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.
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.
Impeccable provides design commands and guidance to help an agent refine an existing interface. It covers typography, color, and consistency with a component system.
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.
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.
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.
@hashintel/refractive provides filter components for search and collection-navigation interfaces. The npm package can be added directly to a React application.
TheSVG catalogs searchable brand icons in SVG with integrations for several frameworks. It also offers a CLI, CDN, and MCP server for retrieving assets.
This playground demonstrates React modal-sheet options such as snap points, scrolling, fullscreen, and keyboard handling. It also includes accessibility and reduced-motion examples.
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.
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.
Shader Gradient lets you tune animated gradients and use them in Framer, Figma, or React. Its interface makes shader parameters easier to explore visually.
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.
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.
Skeleton adds a theme system and Zag.js-based components to Tailwind. The documentation presents shared design foundations for frameworks including Svelte and React.
