by Pen
A code-aware visual design environment for AI-assisted interface work.
Pen explores a design workflow where editable visuals and software implementation sit close together. It is relevant to design engineers looking for quicker iteration between interface design and functional code.
The interesting question is how a visual tool can preserve the immediacy of a design canvas while connecting to development tools.
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.
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.
A browser-based design tool for websites, portfolios and long reads without layout constraints.
A visual website builder for designers with a built-in CMS, hosting and localisation.
An AI site builder that turns a brief into a sitemap, wireframes and a style guide built from a large component library.
An AI app builder that generates full-stack web apps from conversation.
An AI app builder from Vercel that turns prompts into working React and Tailwind interfaces.
An online mockup studio for devices, packaging, branding and animated product scenes.
Premium device mockups and design assets with flexible 3D and Figma workflows.
A native Mac notch utility for coding agents, GitHub, music, timers and quick tools.
Collect visual feedback on websites with pinned comments, screenshots and responsive reviews.
A visual dictionary of interface elements, their names and AI-ready implementation prompts.
A visual studio for generative gradients, glass, grain and animated backgrounds.
