Average Ratings 0 Ratings

Total
ease
features
design
support

No User Reviews. Be the first to provide a review:

Write a Review

Average Ratings 0 Ratings

Total
ease
features
design
support

No User Reviews. Be the first to provide a review:

Write a Review

Description

Beyond UI is an exceptional design system and Figma UI kit tailored for SaaS applications and landing pages, specifically crafted for teams and designers engaged in developing contemporary web products. This resource transcends the conventional UI element collection by incorporating an intelligent component architecture that allows a single master component to create countless unique variations while maintaining an organized and lightweight file structure. Comprising over 9,000 production-ready components designed with auto-layout and native Figma variables, the kit also features more than 500 landing page sections, six initial SaaS templates, and a comprehensive two-layer token system that encompasses colors, spacing, typography, and radius. Every component is fully compatible with dark mode, seamlessly transitioning between light and dark designs through a single variable toggle. Additionally, Beyond UI offers complete templates for SaaS applications, including end-to-end product flows, realistic data scenarios, edge cases, and comprehensive coverage of every component state—default, hover, active, focus, disabled, empty, loading, and error. With this extensive toolkit, designers can more efficiently realize their creative visions while ensuring a cohesive and polished user experience.

Description

Shoelace is an innovative, open-source library of web components that adheres to web standards, allowing developers to seamlessly incorporate a wide array of accessible and customizable UI elements, including buttons, modals, tabs, inputs, popups, text areas, icons, trees, skeleton loaders, and much more into any project, regardless of the framework or CDN used. This library is equipped with contemporary design tools, such as design tokens that manage typography, color schemes, spacing, elevation, border radius, transitions, and z-index, and it also features theme support, including an integrated dark mode. Shoelace components are designed to be fully compatible with all frameworks and can also function without any framework, making them highly versatile. Customization is facilitated through CSS, and the library also emphasizes localization and accessibility with its thoughtful defaults. Additional features include the capability for runtime component loading through an autoloader, smooth form integration that encompasses shadow-DOM-aware form controls, utilities for data serialization, validation, and comprehensive icon support. This flexibility allows developers to create engaging user experiences tailored to their unique project needs.

API Access

Has API

API Access

Has API

Screenshots View All

Screenshots View All

Integrations

CSS
Angular
Bootstrap
Claude Code
Figma
JitBlox
React
Svelte
Tailwind CSS
Vue.js

Integrations

CSS
Angular
Bootstrap
Claude Code
Figma
JitBlox
React
Svelte
Tailwind CSS
Vue.js

Pricing Details

$119 per month
Free Trial
Free Version

Pricing Details

Free
Free Trial
Free Version

Deployment

Web-Based
On-Premises
iPhone App
iPad App
Android App
Windows
Mac
Linux
Chromebook

Deployment

Web-Based
On-Premises
iPhone App
iPad App
Android App
Windows
Mac
Linux
Chromebook

Customer Support

Business Hours
Live Rep (24/7)
Online Support

Customer Support

Business Hours
Live Rep (24/7)
Online Support

Types of Training

Training Docs
Webinars
Live Training (Online)
In Person

Types of Training

Training Docs
Webinars
Live Training (Online)
In Person

Vendor Details

Company Name

Beyond UI

Founded

2023

Country

United States

Website

www.beyondui.design/

Vendor Details

Company Name

Shoelace

Country

United States

Website

shoelace.style/

Product Features

Product Features

Alternatives

Alternatives