Gummble
Gummble is a UI design reference library with more than 300,000 real app screenshots, 21,000+ user flows, and design patterns from 1,500+ shipped iOS, Android, and web products. Designers, UX researchers, developers, and product teams can search by pattern, such as onboarding, paywalls, empty states, and settings; by UI copy; or by complete flows. Each screen includes design analysis, and users can save references to collections. Its MCP server lets compatible AI assistants and coding tools, including Claude, Cursor, and Codex, search the library to ground interface design and implementation in real product examples. The free plan offers limited browsing; Browse adds unlimited screens, flows, downloads, collections, and MCP access, while Pro adds Figma export.
Learn more about Gummble
Sitepeel
Sitepeel is a website cloner Chrome extension for developers and designers. Clone pages or selected elements and export their rendered HTML and CSS. Extract images, videos and SVGs, inspect fonts and colors, and measure dimensions and spacing. Generate a Design MD reference or design prompt from a webpage for your next build. The 12 Sitepeel tools also include screenshots, font previews and temporary page edits. Page cloning creates a static HTML/CSS snapshot of a supported webpage.
Learn more about Sitepeel
Devault
Devault is a browser-based design reference library for designers, product teams, and developers. It brings real-world interface captures, end-to-end user flows, product evolution timelines, marketing emails, gradients, and hero imagery into a searchable workspace. The library includes more than 390,000 design assets, including over 357,000 captures from shipped products and 1,860 marketing emails. Users can browse in the browser, use the Figma plugin, or connect AI editors such as Claude Code and Cursor through Devault's MCP server on paid plans. Devault also provides 2,383 free DESIGN.md design systems that can be exported to formats including Tailwind v4, CSS variables, Figma variables, and SwiftUI. The free plan includes about 1,050 curated designs and access to the Figma plugin for that collection; Pro provides access to the full library.
Learn more about Devault
Replifine
Replifine is an AI-powered UI cloning tool that turns screenshots, wireframes, Figma designs, or app references into pixel-perfect, production-ready frontend code. Users can upload a UI image, choose a preferred model and framework, and then get an export-ready code component that is ready to deploy. Replifine runs up to four concurrent AI models side by side, giving creators and developers multiple code implementations at once so they can compare architecture, pick the cleanest result, mix and match components, and reduce iteration time. It exports clean code for React, Next.js, Vue, Svelte, general HTML, and styling options such as Tailwind CSS, CSS Modules, inline styles, or Vanilla HTML/CSS. Its output is built to avoid messy “div-soup,” with semantic HTML, strict TypeScript TSX/JSX support, design token extraction, recognized shapes mapped to actual UI library components, and mobile-first responsive layouts inferred from the screenshot.
Learn more about Replifine