Smooth UI

Visit Smooth UI

https://smoothui.dev/

SmoothUI, React Tailwind motion components is the animation kit that makes interfaces feel alive. Designed for modern web apps, it features built-in dark mode, accessible design, responsive layouts, and easy API integration. Developers enjoy seamless theme customization and scalable interfaces, with full TypeScript support and compatibility with the latest React patterns. Free and open-source, SmoothUI accelerates building beautiful, animated websites and apps that perform smoothly across devices.

https://items.design/

Items

Items.design, the UI component gallery, is the design tool that ends reinventing the wheel. Built to solve the challenge of finding specific design inspiration, it provides a massive, curated library of real-world UX patterns and components from successful apps. Instead of searching endlessly for the right example, you can easily filter by elements like 'onboarding flows' or 'pricing tables' to see how the best products approach a problem. This targeted discovery process saves you hours of research, helps you make informed design decisions, and ensures you're applying proven solutions. It's the essential resource for any designer looking to build intuitive, user-friendly interfaces without starting from scratch on every project.

Illustrations

https://helixdesignsystem.github.io/helix-ui/guides/getting-started/

Helix by Ideagen

Create unified pharmaceutical digital experiences with comprehensive component library. Built for Pfizer product teams and healthcare developers, it combines 650+ reusable components with brand-agnostic libraries so you can build cohesive medical interfaces efficiently, while regulatory compliance standards and Figma Design Tokens enable professional healthcare experiences without rebuilding common patterns. This system operates on a platform trusted by Pfizer's global digital ecosystem, featuring advanced accessibility standards and Material Theme Builder experiments that ensure interfaces meet pharmaceutical safety requirements across all touchpoints. Whether you're building patient portals or scaling design consistency across multiple healthcare platforms, this comprehensive design system helps every project ship faster with consistent, compliant interfaces that maintain visual coherence across web and mobile experiences while supporting regulatory standards.

Design Systems

https://www.wada-sanzo-colors.com/

A dictionary of color combinations

Wada Sanzo Colors, color palette inspiration is the interactive platform that transforms historic combinations into modern design. Built for designers, artists, and creative professionals seeking timeless aesthetic intelligence, it combines interactive access to 348 traditional color combinations with modern web functionality so you can discover legendary palettes from the pioneering 1930s Dictionary of Color Combinations instantly, while click-to-copy features and organized collections enable seamless creative workflow integration without endless color searching. This runs on a platform honoring Sanzo Wada's groundbreaking color research that established foundations for contemporary color theory, featured in educational institutions and trusted by design communities worldwide, ensuring every project ships faster, looks harmonious, and scales strategically. The comprehensive digital adaptation spans everything from two-color duos to four-color combinations through intuitive interface design, giving you direct access to Japanese color wisdom that separates memorable visual experiences from ordinary design choices across contemporary creative disciplines.

Colors

https://tabler.io/icons?aff=2eJwN

Tabler

Tabler Icons, icon library is the free SVG collection that transforms design workflows into visual consistency. Built for developers, designers, and creative professionals seeking cohesive interface elements, it combines over 5,900 free SVG icons with customizable stroke width so you can maintain perfect visual harmony across web applications instantly, while multiple formats including React, Vue, and Angular components enable seamless integration without compatibility issues. This runs on an open-source platform trusted by thousands of developers worldwide with MIT license and regular updates, ensuring every project ships faster, looks professional, and scales strategically. The comprehensive icon collection spans everything from essential interface elements to specialized symbols through clean minimalist design and consistent 2px stroke, giving you direct access to production-ready icons that separate polished user interfaces from inconsistent visual experiences across contemporary web development projects.

Icon Packs

https://gradientshub.com/

Gradients Hub

GradientsHub gradient backgrounds is the free resource platform that transforms bland designs into stunning visuals. Built for designers, developers, and creative professionals who need stunning backgrounds without budget constraints, this comprehensive platform combines over 600 curated gradient collections with AI-generated textures and mesh patterns so you can download HD resources for commercial use and generate custom color palettes using built-in tools, while CSS and Tailwind code generation enables seamless development integration without manual color coding. This runs on a platform that offers completely free access to all resources without account registration requirements and maintains regular updates with new features like gradient text generators and button styles, ensuring every project launches with professional-grade aesthetics, maintains visual consistency across all brand touchpoints, and delivers designs that captivate audiences while supporting creators through optional credit attribution rather than restrictive licensing fees.

Inspirations

https://www.404s.design/

404 Design

404s.design error page inspiration is the curated gallery that transforms boring 404s into creative opportunities. Built for web designers, UX professionals, and creative teams seeking to transform user frustration into delightful experiences, this carefully curated gallery combines handpicked 404 examples from companies like Figma, Speakeasy, and Base.org with creative patterns that actually work so you can discover innovative approaches to error handling and apply proven engagement techniques to your own projects, while organized browsing by style and brand enables seamless inspiration discovery without settling for standard templated solutions. This runs on a platform that celebrates the philosophy that dead ends can become creative opportunities, ensuring every 404 page becomes a chance to showcase personality, maintain user engagement, and reinforce brand identity instead of driving visitors away from your site.