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
Petal is an all-encompassing toolkit aimed at speeding up the creation of Phoenix web applications by offering a range of pre-designed, customizable components and templates. With more than 100 open-source HEEX components styled using Tailwind CSS, it empowers developers to quickly construct user interfaces with minimal design effort. Additionally, the framework includes Petal Pro, a robust Phoenix boilerplate that comes equipped with features like social logins, multi-tenancy support, styled components, integration with Oban for background processing, and Stripe for managing subscriptions. Petal prioritizes swift development, scalability, and ease of maintenance, enabling developers to concentrate on implementing distinctive features instead of getting bogged down by repetitive boilerplate code. Moreover, it offers a Figma UI kit to facilitate smooth collaboration between designers and developers. By utilizing Petal, developers can enhance their workflow, significantly decrease development time, and ultimately deliver high-quality applications more efficiently. This comprehensive approach not only streamlines the development process but also fosters a more productive environment for teams working on complex projects.
API Access
Has API
API Access
Has API
Integrations
CSS
Figma
Tailwind CSS
Alpine.js
Claude Code
Elixir
Fintech Sandbox
GitHub
Google Cloud Platform
HTML
Integrations
CSS
Figma
Tailwind CSS
Alpine.js
Claude Code
Elixir
Fintech Sandbox
GitHub
Google Cloud Platform
HTML
Pricing Details
$119 per month
Free Trial
Free Version
Pricing Details
$299 per year
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
Petal
Website
petal.build/