Kigen Color

Visit Kigen Color

https://kigen.design/color

Easily generate beautiful, ready-to-use color palettes tailored for any design system. This tool takes the guesswork out of building consistent and accessible color schemes by letting you pick from popular frameworks like Material, Tailwind, Fluent, and Polaris, or customize palettes to match your brand’s vibe. With just a few clicks, you can set up all your design tokens colors, typography, spacing, and semantic aliases like Success, Error, and Warning so your UI always looks sharp and communicates clearly. Export everything as CSS, JSON, or JS files for painless developer handoff, and even print out documentation for easy review. By automating the repetitive parts of design system setup, this site makes it fast and stress-free to create polished, scalable design foundations, whether you’re working solo or with a team.

Comments & Discussion

https://www.awwwards.com/

Awwwards

Awwwards is a premier platform that celebrates and showcases exceptional web design, recognizing the creativity and technical prowess of developers, designers, and agencies worldwide. It serves as a dynamic hub where digital professionals can find inspiration, gain visibility, and connect with a global community.

Inspirations

https://www.plasmic.app/

Plasmic

Plasmic is a visual builder for React applications that seamlessly integrates with existing codebases, enabling teams to design and develop responsive, production-ready UIs without extensive coding. It allows developers to register custom React components, which can then be utilized by designers within the visual editor, ensuring consistency and flexibility. Plasmic supports both headless CMS and code generation workflows, accommodating various project needs. Its features include dynamic data binding, responsive design capabilities, and integration with external data sources like Airtable and Supabase. With Plasmic, teams can collaborate efficiently, empowering non-developers to create and manage content while maintaining developer oversight and control.

Website Builders

https://www.notion.com/templates/category/portfolio?srsltid=AfmBOopDD-nPk0DsmCJF56Ccvq-migzRR4u1Sxm6Yus4HgXmfSA-zEYH

Notion

Designers can start with free templates like the Designer Portfolio Template or customize layouts using Notion’s flexible blocks. Features like gallery views, collapsible sections, and embedded prototypes make it easy to present work clearly. To enhance professionalism, tools like Super or Fruition can convert Notion pages into custom-branded websites with custom domains and improved styling. While Notion lacks advanced visual customization, its simplicity and speed make it a solid choice for designers prioritizing clarity and content over flashy visuals.

Portfolio Builder

https://www.framepad.co/

FramePad

Framepad is a comprehensive UI kit and design system crafted specifically for Framer users. It’s designed to help creatives, startups, agencies, and template creators build and ship beautiful, responsive websites in Framer faster and more efficiently.

Framer

https://streamlinehq.com/

Streamline Icons

Delivers a comprehensive collection of high-quality icons in line, solid, and duotone styles. Designed for accessibility and brand consistency.

Icon Packs

https://public.work/

Public Work

Public Work is a platform that offers a curated selection of free stock images. It focuses on providing high-quality visuals that can be used for various creative projects, ensuring that users have access to unique and engaging content.

Stock Images