Hyperiux Vault

Visit Hyperiux Vault

https://vault.hyperiux.com/

Hyperiux Vault is a source-first interaction effects library for React and Next.js, built for developers and teams creating polished, high-quality web experiences. It includes a growing collection of production-ready interactions across scroll effects, cursor effects, text animations, page transitions, WebGL & 3D effects, navigation, backgrounds, buttons, carousels, components, loaders, and more. Every effect is added directly to your project as editable source code, giving you full control to inspect, customize, extend, and adapt it to your product without being locked into a dependency.

https://appshots.design/

App Shots

Appshots, the "Netflix for UX journeys," is the design tool that ends tedious research. Appshots is the "Netflix for UX journeys," built for product designers and UI/UX teams. It solves the problem of finding real-world inspiration by providing a curated library of screen recordings from top apps. Instead of just seeing a static image, you can watch entire user flows like onboarding, sign-ups, and checkouts as they actually happen. With over 120,000 screens and thousands of flows, this "designer's best-kept secret" helps you quickly find proven UX patterns, compare industry standards, and create experiences people love without the guesswork.

Inspirations

https://www.brandguidelines.net/

Brand Guidelines

Brand Guidelines, brand design inspiration is the curated platform that transforms scattered references into strategic clarity. Built for passionate designers, brand managers, and creative professionals seeking visual excellence, it combines handpicked global brand guidelines with premium template resources so you can discover breakthrough design patterns from leading companies like IBM, Dropbox, and Starbucks instantly, while Figma-ready templates and submission opportunities enable comprehensive brand research without endless browsing. This runs on a platform founded by 1042 Studio's Lee Black with carefully chosen collections featuring only the best designs, ensuring every brand project ships faster, looks distinctive, and scales strategically. The specialized showcase champions design excellence through fresh guidelines submissions and premium customizable templates, giving you direct access to proven brand strategies that separate memorable visual identities from forgettable brand experiences across contemporary design disciplines.

Inspirations

https://framershaders.framer.ai/

Framer Shader Library

Framer shaders library offers fast, SEO-friendly GLSL shaders for stunning visual effects. 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://www.corebook.io/

Corebook

Corebook brand guidelines platform creates web-based style guides with asset management. 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://kigen.design/color

Kigen Color

Kigen Color Generator design system tool is the platform that transforms single colors into complete palettes. 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

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

Contrast Grid

Contrast Grid, color contrast checker is the accessibility tool that instantly tests color combos for WCAG 2.0 standards. 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.