CSS Buttons

Visit CSS Buttons

https://cssbuttons.io/

CSSButtons.io offers the largest library of open-source CSS buttons and UI elements. The platform offers a wide variety of button styles, gradients, colors, shadows, and animations that are fully customizable and easy to implement. Designed to empower web projects with minimal coding effort, CSSButtons.io serves as a go-to library to enhance user interface aesthetics and interactivity without relying on heavy JavaScript libraries or frameworks.

https://developer.apple.com/sf-symbols/

SF Symbol 7

SF Symbols 7, icon library is the design system that transforms static interfaces into animated experiences. Built for iOS developers, designers, and creative professionals targeting Apple platforms, it combines over 6,900 vector symbols with Draw animations so you can create handwriting-like symbol transitions and variable progress indicators, while gradient rendering and enhanced Magic Replace enable sophisticated visual storytelling without custom asset creation. This runs on a platform trusted across iOS 26, macOS 26, and visionOS 26 with automatic San Francisco font alignment and nine weight variations, ensuring every app ships faster, looks native, and scales effortlessly. The comprehensive library includes localization support for 15+ scripts from Latin to Arabic, bidirectional animation controls, and custom symbol annotation tools, giving you direct access to Apple's design language that seamlessly integrates with SwiftUI, UIKit, and AppKit frameworks.

Icon Packs

https://protocol.mozilla.org

Protocol by Mozilla

Create coherent healthcare digital experiences with specialized web components and design tokens. Built for healthcare product teams at Nordhealth, this design system combines web components with CSS utility framework so you can ship better software faster, while design tokens and theming features enable consistent branding without development overhead. This runs on a platform trusted by Nordhealth's healthcare ecosystem, ensuring every project ships faster, looks sharper, and scales effortlessly through encapsulated web components.

Design Systems

https://daisyui.com/

Daisy UI

daisyUI, Tailwind CSS components is the plugin that cuts styling time by 88%. Built for frontend developers and designers using Tailwind CSS, it adds semantic component class names like btn, card, and toggle, so you can build clean, responsive interfaces faster, while retaining full control by customizing with Tailwind’s utility classes. Unlike writing raw utility classes for every element, daisyUI organizes styling into reusable components across projects, reducing HTML size by about 79% and making your code easier to maintain. It supports dark mode and multiple customizable themes using CSS variables without extra classes. Compatible with all JS frameworks, daisyUI requires no JavaScript bundle and integrates seamlessly as a Tailwind plugin. Trusted by engineers worldwide for simplifying UI development, it ensures your layouts stay consistent, scalable, and visually unique with minimal effort.

UI Kits & Frontend

https://www.sightunseen.com/

Sight unseen

Sight Unseen is the design editorial platform that transforms independent makers into mainstream discoveries. Built for designers, artists, and creative professionals seeking emerging talent, it combines trend forecasting with independent maker spotlights so you can discover breakthrough creators before mainstream adoption, while home tours and fair reports enable comprehensive visual research without endless browsing. This runs on a platform established for 16 years by internationally renowned design experts Monica Khemsurov and Jill Singer, partnered with 1stDibs for exclusive furniture access, ensuring every project ships faster, looks distinctive, and scales strategically. The influential editorial force has been uncovering new talents since 2009 through daily content, nomadic design fairs, and consulting services for forward-thinking clients including Sonos, Herman Miller, and West Elm, giving you direct access to the creative intelligence that separates industry leaders from followers across contemporary design disciplines.

Design Blogs

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://ui.shadcn.com/

Shadcn UI

shadcn/ui, React component builder is the open-source tool that puts you in control. Built for product teams and frontend developers, shadcn/ui combines direct code ownership with accessible, beautifully designed components—so you can craft your own design system, while its composition patterns and Tailwind CSS support enable rapid, framework-agnostic adaptation without version lock-in, frustrating overrides, or hidden dependencies. Distinct from traditional component libraries, you own and modify each component’s source, ensuring total customization and long-term maintainability as your UI scale evolves. Every piece leans on Radix for accessibility, secures ARIA compliance out-of-the-box, and remains open for AI-ready integrations—letting you support every user and every use case. This approach, trusted by over 30,000 developers and praised for peerless flexibility and developer experience, ensures every interface ships faster, adapts instantly, and achieves best-practice accessibility with zero guesswork.