LeafyGreen by MongoDB

Visit LeafyGreen by MongoDB

https://www.mongodb.design

Protocol turns fragmented Mozilla interfaces into cohesive user experiences through CSS framework and markup patterns. Built for Mozilla and Firefox website teams, this evolving design system combines reusable coded components with accessibility guidelines so you can build on-brand websites faster, while pattern library and clear standards enable consistent branding without development complexity. This runs on a platform trusted by www.mozilla.org and Mozilla's marketing teams, ensuring every project ships faster, looks sharper, and scales effortlessly through open-source collaboration.

You might also like

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://clonify.io/

Clonify

Transform website building without repetitive design tasks through Clonify's comprehensive UI library platform. Built for designers and developers, this all-in-one solution combines 1,000+ responsive sections with drag-and-drop wireframes so you can create stunning sites instantly, while meticulously crafted templates and plugin integration enable seamless workflow without leaving Framer or Figma. From hero sections to complete landing pages, each asset maintains professional quality through organized categorization and regular updates that require zero technical expertise. This runs on a platform trusted by the Framer marketplace community with 28 templates and plugin functionality across both Framer and Figma ecosystems, ensuring every project ships with professional polish, looks authentically designed through curated UI/UX practices, and scales effortlessly across responsive breakpoints requiring immediate visual impact without hours of manual component creation.

Framer

https://blakui.framer.website/

Blak UI

Stop building components from scratch when you can ship faster with Blakui. This free Framer component library eliminates repetitive UI work by providing ready-to-use components that you can copy and paste directly into your projects. Built for designers and developers working in Framer, it combines accessibility standards with customizable design so you can maintain consistency across projects, while comprehensive documentation and practical examples enable rapid implementation without compromising quality. Each component includes cards, dialogs, forms, breadcrumbs, and alerts that integrate seamlessly with Framer's native functionality. This library runs on the platform trusted by thousands of design professionals, ensuring every project ships faster, looks sharper, and scales effortlessly across your entire workflow.

Framer

https://www.corebook.io/

Corebook

Transform static brand guidelines into dynamic digital experiences with Corebook brand guidelines platform. Built for agencies and brands who need flexible, updateable style guides, this web-based solution combines brand asset management with collaborative editing tools that eliminate PDF limitations. You can customize domains, set page permissions, and share specific sections through deep links, while integrated asset downloads streamline handoffs between creative teams. The platform features no-code editing, real-time collaboration, and client transfer capabilities that accelerate branding projects from concept to launch. This innovative approach serves leading agencies like McCann, VML, and Deloitte, ensuring every brand guideline stays current, accessible, and actionable across all stakeholders without technical barriers or version control issues that plague traditional brand documentation methods.

Misc

https://phosphoricons.com/

Phosphor Icons

Transform interface design without consistency barriers through Phosphor Icons' comprehensive flexible icon family. Built for designers and developers, this open-source toolkit combines 1,248+ scalable vector icons with six weight variations so you can maintain visual harmony across projects instantly, while raw stroke information and alternate glyphs enable precise customization without complex design workflows. From thin outlines to duotone treatments, each icon designed at 16x16px maintains clarity through optimized scalability and SVG format accessibility that requires zero licensing fees. This runs on a platform trusted by 5.2K GitHub stars and MIT licensing with regular updates including 268 new icons in v2.1.0, ensuring every project ships with professional iconography, looks authentically crafted through systematic design principles, and scales effortlessly across web applications, mobile interfaces, and presentation materials requiring immediate visual enhancement without subscription costs.

Icon Packs

https://www.casestudy.club/case-studies

CaseStudy Club

Discover proven design strategies through curated UX case studies from Case Study Club. Built for designers, product managers, and creative professionals seeking real-world insights, it combines weekly expert curation with industry-leading case studies so you can learn from Apple, Google, and Spotify designers instantly, while free submission processes and newsletter distribution enable knowledge sharing without complex publication barriers. The platform showcases everything from LinkedIn home page redesigns to Spotify collaboration features, ensuring your skills stay current with contemporary design challenges and solutions. You can submit personal projects for free exposure or explore commercial featuring options while accessing detailed breakdowns of design processes, user research methodologies, and measurable outcomes. This runs on a system trusted by 33,000+ design professionals and featured across design communities, ensuring every case study delivers actionable insights that elevate your design thinking, portfolio quality, and problem-solving approach.

Portfolio Inspirations