Readymag

Visit Readymag

https://readymag.com/

Transform coding chaos into stunning digital presence with website design tool Readymag. Built for designers, agencies, and creative professionals, it combines intuitive drag-and-drop interface with advanced animation capabilities so you can create outstanding websites without technical barriers, while multi-step animations and collaborative features enable seamless team workflows without development bottlenecks. The platform offers unlimited customization through custom cursors, interactive hotspots, and video backgrounds, allowing you to craft unique digital experiences with responsive design that adapts flawlessly across all devices. Advanced features include Lottie integration for vector animations, Shots for interactive video experiences, and comprehensive typography controls with Adobe Typekit access. This runs on a platform trusted by over 3 million websites for industry leaders like Amazon, Airbnb, and Complex Media, ensuring every project loads faster, appears sharper, and scales effortlessly across creative industries from portfolios to editorial publications.

You might also like

https://userinyerface.com/game.html

User Inyerface

Stop accepting bad user interfaces when you need hands-on experience with deliberately frustrating design patterns that teach through negative examples. UI design game User Inyerface delivers intentionally obtuse form completion challenges through worst-practice UI implementation. Built for designers, developers, and UX professionals who learn best through experiential frustration, it combines misleading visual cues with hidden instructions so you can experience every common UI pitfall firsthand, while confusing button layouts and ambiguous verification processes enable deep understanding of user pain points without theoretical explanations. This runs on a platform trusted by the design community worldwide with 181.9K monthly visits and featured coverage in Creative Bloq, ensuring every project ships faster, looks sharper, and scales effortlessly by avoiding the dark patterns demonstrated in this educational nightmare.

Misc

https://garden.zendesk.com

Garden by Zendesk

Zendesk Garden transforms fragmented interfaces into accessible user experiences through comprehensive open source design system. Built for product teams and Zendesk developers, this framework combines pre-built components with WCAG accessibility guidelines so you can build consistent interfaces faster, while continuous improvements and design foundations enable streamlined development without accessibility complexity. This runs on a platform trusted by Zendesk's global product ecosystem with Figma library integration, ensuring every project ships faster, looks sharper, and scales effortlessly through accessible proven patterns.

Design Systems

https://spectrum.adobe.com

Spectrum by Adobe

Spectrum Adobe design system transforms scattered UI work into cohesive, accessible experiences across 100+ applications. Built for product teams and engineers, it combines foundational components with adaptive interfaces so you can build faster workflows, while open-source implementations and detailed guidelines enable consistent development without reinventing common patterns. This runs on a platform trusted by major product teams worldwide, ensuring every project ships faster, looks sharper, and scales effortlessly across web, desktop, and mobile platforms seamlessly.

Design Systems

https://cabanaui.com/

Cabana UI

Accelerate your design workflow from concept to launch using design system UI kit Cabana. Designed for designers, developers, and product teams seeking comprehensive component libraries, it combines 200+ smart components with 6,000+ open-source icons so you can build stunning websites and applications instantly, while Variables support and Tokens Studio integration enable scalable design consistency without manual style management across multiple projects. The platform excels in providing both Figma and Framer compatibility through auto-layout ready components, design blocks, and advanced color systems that adapt seamlessly to light and dark modes. You can access 170+ color styles, 50+ typography variations, and pre-built design blocks for desktop, tablet, and mobile screens while maintaining pixel-perfect precision throughout your creative process. This runs on technology trusted by 20,000+ designers worldwide with Framer partner status, ensuring every project delivers professional results that scale effortlessly, maintains brand consistency, and accelerates development timelines through intelligent component architecture.

Framer

https://www.404s.design/

404 Design

Turn generic "page not found" messages into memorable brand touchpoints that users actually enjoy encountering with error page inspiration 404s.design. Built for web designers, UX professionals, and creative teams seeking to transform user frustration into delightful experiences, this carefully curated gallery combines handpicked 404 examples from companies like Figma, Speakeasy, and Base.org with creative patterns that actually work so you can discover innovative approaches to error handling and apply proven engagement techniques to your own projects, while organized browsing by style and brand enables seamless inspiration discovery without settling for standard templated solutions. This runs on a platform that celebrates the philosophy that dead ends can become creative opportunities, ensuring every 404 page becomes a chance to showcase personality, maintain user engagement, and reinforce brand identity instead of driving visitors away from your site.

Inspirations

https://kigen.design/color

Kigen Color

Transform hours of tedious color manipulation into instant professional palette generation with design system tool Kigen Color Generator. Built for designers, developers, and product teams who need consistent color systems without manual shade calculations, this intuitive platform combines algorithmic precision with customizable controls so you can generate complete 11-shade palettes from any base color and export directly to Tailwind CSS, Figma, or standard CSS formats, while real-time contrast checking and multiple color space support enable seamless design system integration without compromising accessibility standards. This runs on a platform that understands modern design workflows require speed and precision, ensuring every palette maintains mathematical consistency across all shade variations, supports popular frameworks like Tailwind CSS with ready-to-use tokens, and bridges the gap between design vision and development implementation. Where other tools require complex manual adjustments, Kigen delivers instant professional results that scale across entire design systems.

Colors