by ‹div›RIOTS
A Figma plugin that converts live web pages into editable Figma designs.
html.to.design turns an existing web page into editable design layers in Figma. That shortens the path from reference or audit to hands-on redesign.
It is handy for competitor analysis, visual regression review and migration work. Imported layers should be cleaned up and restructured before becoming reusable components.
The week’s best websites, apps and tools, once a week.
An open-source React design system for product teams building SaaS and fintech interfaces.
A private, browser-based device mockup maker with customizable frames, multi-device layouts and polished image or video export.
Explore, customize and export animated WebGL shader presets for digital products and visual experiments.
A native Mac notch utility for coding agents, GitHub, music, timers and quick tools.
A visual dictionary of interface elements, their names and AI-ready implementation prompts.
Keep client brand kits current with automatic logo exports, shared links and AI-readable files.
A visual macOS clipboard history for design assets, screenshots, text and quick paste.
A visual feedback layer that turns pointed UI annotations into clear context for AI coding agents.
An accessibility toolkit for checking contrast, vision simulations and more inside design tools.
A design-token plugin and platform for keeping Figma variables and code in sync.
Open-source UI components built with Base UI and Tailwind for refined product interfaces.
Accessible React components with a cohesive visual language and theming tools.
Animated React components and expressive effects for standout web interfaces.
A design system for expressive Next.js products, with tokens and ready-made patterns.
An accessible React design system for polished, consistent product interfaces.
A curated collection of React interface components and dashboard patterns.
React components for analytics dashboards, charts and data-rich products.
An extensive Figma UI kit and React component system for modern product design.
Unstyled, accessible React component primitives for custom product interfaces.
Beautifully designed, accessible React components that you own and customize.
An online mockup studio for devices, packaging, branding and animated product scenes.
Premium device mockups and design assets with flexible 3D and Figma workflows.
Collect visual feedback on websites with pinned comments, screenshots and responsive reviews.
A visual studio for generative gradients, glass, grain and animated backgrounds.
