Contrast Grid

Visit Contrast Grid

https://contrast-grid.eightshapes.com/

Color contrast checker Contrast Grid. Built for designers and developers, you can check dozens of text and background color combinations against WCAG 2.0 accessibility minimums in seconds—no manual math required. Unlike single-pair checkers, it combines grid-based batch testing with visual pass/fail codes, so you can rapidly spot accessible and non-compliant pairs for digital products, branding, or UI palettes. Instantly view all results on one page, make edits on the fly, and export your grid for documentation or sharing. The straightforward web interface supports hex and named colors, offers sticky headings for large grids, and uses zero tracking for total privacy. Designers at top organizations trust Contrast Grid to ensure every color choice meets legal and usability standards, helping teams move faster with fewer errors and more inclusive results.

You might also like

https://bolt.new/

Bolt

Stop wrestling with development setup and start building apps that actually work with Bolt.new AI app builder. Built for developers and non-coders alike, it combines intelligent code generation with a complete browser-based development environment so you can create full-stack applications instantly, while integrated package management and real-time preview enable seamless testing without traditional configuration headaches. You get access to popular frameworks like React, Next.js, and Vue, automatic NPM package installation that handles dependencies effortlessly, and one-click deployment to Netlify that makes your projects live in seconds. This runs on a platform powered by StackBlitz's WebContainers technology and Anthropic's Claude AI, ensuring every application generates clean, functional code that scales properly. Whether you're prototyping startup ideas or building production-ready apps, you get the development power needed to transform concepts into deployed applications without ever leaving your browser.

Website Builders

https://uxmyths.com/

UX myths

Elevate your UX expertise beyond dangerous assumptions when evidence-based research delivers targeted UX design education with UX design education from UX Myths. Built for ambitious UX designers, product managers, and creative professionals demanding credible insights, it combines rigorous myth-busting analysis with extensive research validation so you can sidestep costly design pitfalls and build genuinely user-centered solutions, while expert citations from renowned design and usability authorities enable comprehensive knowledge advancement without misinformation contamination. This runs on a platform dedicated to systematically debunking the most persistent user experience misconceptions through thorough research verification, ensuring every design decision feels confident, looks professional, and scales intelligently. The specialized educational resource spans everything from interface psychology insights to behavioral research findings through evidence-backed explanations, giving you direct access to verified UX intelligence that separates successful product outcomes from myth-driven design disasters across contemporary digital experience development.

Nice Reads

http://iconizer.io/?aff=2eJwN

Iconizer

Stop settling for basic icon libraries with unlimited customization possibilities from Iconizer icon customizer. Built for UI/UX designers and developers, it combines 6400+ customizable icons with browser-based editing so you can modify size, stroke, color, and gradients instantly, while Figma integration and one-click copy enable seamless workflow integration without switching between applications. Enhanced with four distinct styles including Outline, Duo-Line, Solid, and new Duo-Tone variants, plus unlimited color variations through advanced pattern controls. Features include responsive scaling, gradient applications, and direct paste functionality into any design software. Available through Pro access at $29 with complete icon collections, while free tiers offer 375+ icons per style for testing. This platform is trusted by over 1000+ designers from world-class companies, ensuring every project maintains visual consistency, loads efficiently, and scales beautifully across all digital platforms and devices.

Icon Packs

https://www.framericons.com/

Framer Icons

Stop wasting hours hunting through icon libraries when you can access everything instantly with FramerIcons. This Framer plugin eliminates context switching by providing 44,696 icons from 15 curated sets directly within your workspace. Built for designers who value efficiency over endless searching, it combines drag-and-drop functionality with customizable components so you can add icons anywhere without breaking your design, while lightning-fast search and custom icon uploads enable brand consistency across all projects without leaving Framer. The plugin integrates seamlessly with components and variants, offering outline, filled, sharp, and brand styles that adapt to your unique personality. This solution runs on a platform loved by 5,100+ designers worldwide, ensuring every project ships faster, looks sharper, and scales effortlessly across your entire creative workflow.

Framer

https://designsystems.surf/

Design System Surf

Access the world's most comprehensive collection of enterprise-grade design patterns without endless hunting through scattered documentation with design system database Design Systems Surf. Built for designers, developers, and product teams seeking proven solutions from industry leaders, this meticulously curated platform combines references from Adobe Spectrum, Apple HIG, and IBM Carbon with searchable components across 70 systems so you can discover battle-tested patterns and understand implementation approaches that actually work in production, while organized directories and technical documentation enable rapid system development without reinventing foundational elements. This runs on a platform created by Ilya Greben that showcases design systems from companies like Microsoft, Salesforce, and Material Design, ensuring every component reference maintains enterprise quality standards, accelerates development cycles, and provides the building blocks needed to create cohesive user experiences that scale across teams and products.

Design Systems

https://chroma.dev/

chroma

Colorway transforms color sampling into instant palette creation with browser-native eyedropper precision. Built for designers who need accurate color extraction from web pages, this Chrome extension combines eyedropper tool with palette builder so you can capture HEX, RGB, and HSL values instantly, while color history and clipboard integration enable seamless workflow without switching between tools. This runs on a platform trusted by 20,000+ users worldwide with 4.6/5 stars on Chrome Web Store, ensuring every color sample ships faster, looks sharper, and scales effortlessly from single color picks to comprehensive style guides.

Colors