Kigen Color

Visit Kigen Color

https://kigen.design/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.

You might also like

https://feathericons.com/

Feather Icons

Wrestling with inconsistent icon libraries when you need perfectly crafted SVG icons that maintain visual harmony across your entire project. Feather icons delivers simply beautiful open-source design through meticulous 24x24 grid construction. Built for designers and developers who demand consistency without licensing headaches, it combines minimalist aesthetics with comprehensive format support so you can implement icons instantly across web, React, and mobile applications, while MIT licensing and multiple integration options enable seamless workflow adoption without budget constraints or attribution requirements. This runs on a platform trusted by the developer community with active GitHub repository maintenance, React component libraries, and framework integrations including Shiny, Vue, and Flutter, ensuring every project ships faster, looks sharper, and scales effortlessly across all platforms.

Icon Packs

https://framershaders.framer.ai/

Framer Shader Library

Transform complex visual effects into simple copy-paste solutions with Framer Shaders Library. Built for designers and developers who need professional-grade shader effects without the technical complexity, this curated collection features GPU-optimized GLSL shaders that combine stunning visual appeal with seamless Framer integration so you can create polka dots, ASCII art, nebula rides, and plasma effects instantly, while weekly updates and performance optimization ensure your projects load fast and rank higher without sacrificing visual quality. This runs on a platform created by Maharram Hasanli as a passion project, ensuring every shader ships with source attribution, works across personal and client projects, and scales effortlessly. From liquid rainbows to void holes, each effect transforms ordinary websites into immersive experiences that captivate users while maintaining optimal performance and SEO compatibility for modern web standards.

Framer

https://clicks.supply/

Clicks

Stop building Framer websites from scratch when you need professional templates and components that accelerate your entire design workflow instantly. Framer templates Clicks.supply delivers comprehensive premium resources through ready-to-use clonables and expert tutorials. Built for Framer creators, designers, and developers who demand quality without starting from zero, it combines pro-level templates with components and tutorials so you can launch stunning sites in hours, while constantly maintained resources and regular updates enable seamless project development without workflow interruptions. This runs on a platform loved by 200+ creators worldwide with handpicked designs across multiple categories and continuous community support, ensuring every project ships faster, looks sharper, and scales effortlessly across all your Framer website needs.

Framer

https://reallygoodemails.com/

Really good emails

Master professional email campaigns faster when curated expertise delivers targeted email design inspiration with email design inspiration from Really Good Emails. Built for email marketers, designers, and developers seeking competitive advantage, it combines over 15,000 handpicked email templates with advanced categorization so you can discover proven patterns from top companies instantly, while Chrome extension and team collaboration features enable seamless workflow integration without design delays. This runs on a platform trusted by 169,000+ email professionals and featured on Product Hunt with 5-star ratings, ensuring every campaign ships faster, looks distinctive, and scales strategically. The comprehensive resource library spans everything from abandoned cart sequences to seasonal promotions through meticulously organized collections, giving you direct access to the creative intelligence and proven strategies that separate high-performing email campaigns from inbox clutter across all industries and email types.

Inspirations

https://www.frontify.com/en/

Frontify

Scattered brand assets and inconsistent guidelines destroy brand cohesion across global marketing teams. Brand management software solves this chaos by centralizing everything teams need to create on-brand experiences. Built for enterprise marketing teams, Frontify combines digital asset management with customizable brand portals so you can streamline workflows and maintain consistency, while integrated templates and approval systems enable faster campaign launches without compromising brand integrity. This unified platform eliminates time wasted searching for assets or checking guidelines, ensuring every touchpoint reflects your brand accurately. Trusted by Mercedes-Benz and rated 4.8/5 stars on Capterra, Frontify transforms how global teams collaborate on brand experiences. With seamless integrations and enterprise-grade security, marketing teams can focus on creativity while maintaining the consistency that drives customer loyalty and revenue growth across all markets.

Misc

https://cloudscape.design

Cloudscape by Amazon

Transform complex cloud interface challenges into intuitive user experiences at scale with Cloudscape design system. Built for web application development, this Amazon Web Services-designed framework combines 60+ accessible React components with responsive design patterns so you can create consistent interfaces efficiently, while comprehensive theming, dark mode, and density customization enable professional user experiences without rebuilding common patterns. This system operates on an open-source platform trusted by 220+ AWS products and services that supports millions of users globally, featuring advanced accessibility standards, semantic markup, and design tokens that make interfaces more inclusive and maintainable. Whether you're building cloud management consoles, extending AWS Management Console experiences, or scaling design consistency across multiple platforms, this comprehensive design system helps every project ship faster with consistent, professional interfaces that maintain visual coherence across web applications while reducing CSS maintenance overhead and development complexity

Design Systems