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:

Your shortcut to a production-ready SaaS.
FigmaReact+1 more
Build and launch subscription software quickly. Get a head start with pre-built authentication, billing, team management, admin controls, and design system.
Unified design for seamless experiences.
Company
Access integrated guidelines for components, interactions, and visual style. Create consistent, user-friendly experiences and boost design workflow efficiency.
Build cohesive and accessible UIs with confidence.
CompanyFigma+1 more
Explore design system documentation with foundations, components, patterns, and developer tools. Build consistent, accessible user interfaces efficiently.

Command Menu