A favicon of Wedges

Wedges

Build UIs faster with open-source, accessible React components. Highly customizable, leveraging Radix UI and Tailwind CSS for modern, professional interfaces.

Visit Wedges
A screenshot of WedgesVisit

Wedges provides a professionally designed system for Figma alongside an open-source React UI library, expertly combining Radix UI primitives and Tailwind CSS. Developers can leverage a growing collection of pre-built, user-friendly, and customizable components designed to be directly copied and pasted into React projects. These components are meticulously crafted in Figma by design professionals, ensuring pixel-perfect UI elements for sophisticated interfaces.

Key advantages include:

  • Built-in Accessibility: Constructed with Radix Primitives, Wedges is WAI-ARIA compliant out-of-the-box, offering robust support for screen readers, keyboard navigation, and other assistive technologies.
  • Extensive Customization: Apply custom styling effortlessly with Tailwind CSS. A dedicated plugin facilitates the quick creation, switching, and customization of themes.
  • Simplified Dark Mode: Transition between light and dark modes with ease. Wedges comes with a pre-packaged dark theme that can be activated by simply adding the "dark" class to your HTML.
Share:

Similar to Wedges:

Full-featured design system for digital experiences.
CompanyReact
Build complete and enjoyable digital experiences with this open-source design system. Ideal for designers and developers seeking consistency and quality.
Build consistent, high-quality UIs with shared resources.
CompanyFigma+2 more
Access a comprehensive design system with components, standards, and tools to build cohesive, high-quality user interfaces for products.
Your guide to consistent, scalable UI development.
CompanyFigma+1 more
Access detailed design guidelines and a complete design system documentation. Create consistent, scalable product experiences with a rich component library.

Command Menu