Average Ratings 0 Ratings
Average Ratings 0 Ratings
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
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/