UxSculpt

Reusable UI widgets for AI dashboards and SaaS products

Build Real AI and SaaS Products Faster with Production-Ready Widget System

A scalable library of system-driven UI widgets designed for AI dashboards, admin panels, analytics tools, and internal platforms. Built with Auto Layout 5.0, semantic tokens, and consistent interaction patterns for production use.

Preview in Figma

Buy Now

Built as a Production System, Not a UI Pack

AI & SaaS Widgets is a production-ready component system designed for dashboards, admin panels, analytics tools, and AI-driven products.

It’s built for designers and teams who need consistency, scalability, and speed without sacrificing structure or clarity.

The system includes essential UI components and advanced widgets used in real SaaS products, all built with Auto Layout 5.0, responsive variants, and clean naming that scales with your product.

Preview in Figma

Buy Now

Your Core SaaS UI Building Blocks

This system includes the essential UI components used across modern SaaS dashboards and admin interfaces. Buttons, inputs, dropdowns, checkboxes, radios, badges, breadcrumbs, tabs, pagination, tables, tooltips, alerts, and more.

Every component is built with consistent spacing, predictable behavior, and Auto Layout 5.0 so layouts remain stable as your product grows.

This is the foundation layer you rely on when reliability matters.

Assemble Dashboards in Minutes

Beyond base components, the system includes advanced widgets designed for real product use. Analytics cards, pricing blocks, usage indicators, tables, modals, notification patterns, and empty states.

These are pre-composed but fully flexible components that snap into your layouts without breaking structure or spacing.

You spend less time assembling UI and more time shaping product logic.

Web and Mobile Ready by Design

Every component is built to adapt cleanly across desktop and mobile layouts. Responsive variants, flexible constraints, and consistent sizing ensure your designs scale without duplication or manual fixes.

You can reuse the same components across screens while preserving visual hierarchy and usability.

Every State. Every Interaction.

Components include full interaction states such as hover, active, focus, disabled, loading, and selected. Variants are structured to reflect real product behavior, not just visual states.

This keeps your designs realistic, testable, and aligned with how products actually function in production.

Preview in Figma

Buy Now

Explore the Component Library in Action

Click any component to open a live Figma preview. Resize layouts, switch variants, and inspect properties in real time.
Explore both core UI components and advanced SaaS widgets directly in the file.

Accordion

Alert

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="450" src="https://embed.figma.com/design/6xMcjIPp1xgSAO4NZoaZcc/AI---SaaS-Widgets-60--SaaS-UI-Components?node-id=5-3002&embed-host=share" allowfullscreen></iframe>

Alert

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="450" src="https://embed.figma.com/design/6xMcjIPp1xgSAO4NZoaZcc/AI---SaaS-Widgets-60--SaaS-UI-Components?node-id=5-3002&embed-host=share" allowfullscreen></iframe>

Alert

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="450" src="https://embed.figma.com/design/6xMcjIPp1xgSAO4NZoaZcc/AI---SaaS-Widgets-60--SaaS-UI-Components?node-id=5-3002&embed-host=share" allowfullscreen></iframe>

Alert-Dialog

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="450" src="https://embed.figma.com/design/6xMcjIPp1xgSAO4NZoaZcc/AI---SaaS-Widgets-60--SaaS-UI-Components?node-id=5-3392&embed-host=share" allowfullscreen></iframe>

Alert-Dialog

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="450" src="https://embed.figma.com/design/6xMcjIPp1xgSAO4NZoaZcc/AI---SaaS-Widgets-60--SaaS-UI-Components?node-id=5-3392&embed-host=share" allowfullscreen></iframe>

Alert-Dialog

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="450" src="https://embed.figma.com/design/6xMcjIPp1xgSAO4NZoaZcc/AI---SaaS-Widgets-60--SaaS-UI-Components?node-id=5-3392&embed-host=share" allowfullscreen></iframe>

Button

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="450" src="https://embed.figma.com/design/6xMcjIPp1xgSAO4NZoaZcc/AI---SaaS-Widgets-60--SaaS-UI-Components?node-id=8-4904&embed-host=share" allowfullscreen></iframe>

Button

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="450" src="https://embed.figma.com/design/6xMcjIPp1xgSAO4NZoaZcc/AI---SaaS-Widgets-60--SaaS-UI-Components?node-id=8-4904&embed-host=share" allowfullscreen></iframe>

Button

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="450" src="https://embed.figma.com/design/6xMcjIPp1xgSAO4NZoaZcc/AI---SaaS-Widgets-60--SaaS-UI-Components?node-id=8-4904&embed-host=share" allowfullscreen></iframe>

Calendar

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="450" src="https://embed.figma.com/design/6xMcjIPp1xgSAO4NZoaZcc/AI---SaaS-Widgets-60--SaaS-UI-Components?node-id=8-5332&embed-host=share" allowfullscreen></iframe>

Calendar

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="450" src="https://embed.figma.com/design/6xMcjIPp1xgSAO4NZoaZcc/AI---SaaS-Widgets-60--SaaS-UI-Components?node-id=8-5332&embed-host=share" allowfullscreen></iframe>

Calendar

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="450" src="https://embed.figma.com/design/6xMcjIPp1xgSAO4NZoaZcc/AI---SaaS-Widgets-60--SaaS-UI-Components?node-id=8-5332&embed-host=share" allowfullscreen></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

Feature Components

<iframe title="Example Placeholder" style="border:0;" width="100%" height="100%" src="https://example.com/"></iframe>

To embed a website or widget, add it to the properties panel.

Browse All 60+ Components in Figma

Simple pricing for real product teams

Pay once and use forever.
All paid plans include lifetime updates and commercial usage.

Free

$0

Free forever

Explore the system and test core components before upgrading.

Curated set of core AI and SaaS components

All interaction states and variants included

Built with Auto Layout 5.0

Figma components with responsive behavior

Free license for personal and evaluation use

Get the Free Version

Preview in Figma

Pro Solo

$79

one-time payment

Complete AI and SaaS Widget library for Individual Designers, Freelancers and Founders.

Full library of 60+ production-ready components

Advanced widgets for dashboards & workflows

Web and mobile responsive variants

Clean component structure with semantic tokens

Commercial license for individual use

Lifetime updates included

Buy Pro License

Preview in Figma

Pro Team

$149

one-time payment

Built for Teams, Agencies, and shared Design Systems.

Everything included in Pro Solo

Licensed for up to 5 team members

Unlimited commercial projects

Shared internal design system usage

Priority updates and support

Buy Team License

Preview in Figma

Note: Free version includes 20 base components only. Pro and Team unlock all 70 components with full variants.

Designed for Real Teams Building Real Products

Feedback from designers and product teams using the system in production.

“What stood out wasn’t the visuals, but how consistently everything was structured. It saved us from redesigning patterns over and over.”
Daniel Weiss
Product Designer, B2B Analytics SaaS
“We evaluated it using the free components first. Once we saw how complete the system was, upgrading was an easy decision.”
Marta Alvarez
UX Lead, AI Operations Platform
“The components scaled better than expected once we started adding more dashboard views and edge cases.”
Ethan Moore
Senior UX Designer, SaaS Monitoring Tool
“Developers didn’t need much explanation. Naming, variants, and states were clear enough to hand off without friction.”
Lucas Bennett
Frontend Engineer, Subscription Software Company
“Most libraries look polished in isolation. This one actually worked once real data and constraints were introduced.”
Sofia Nguyen
Product Designer, Internal Tools Team
“The responsive behavior felt intentional, not patched on later. That made a big difference for mobile views.”
Raj Patel
UX Designer, Cloud Management Platform
“We used it across multiple client projects without needing heavy customization. That’s rare for a component system.”
Claire Dubois
Design Consultant, SaaS & AI Products
“It reduced decision fatigue for the team. Fewer debates about patterns, more focus on actual product problems.”
Michael O’Connor
Design Manager, Enterprise SaaS
“The system held up as the product evolved. New features didn’t force us to rethink the foundation.”
Anna Kowalski
Lead Product Designer, AI Workflow Tool

“The system held up as the product evolved. New features didn’t force us to rethink the foundation.”
Anna Kowalski
Lead Product Designer, AI Workflow Tool
“It reduced decision fatigue for the team. Fewer debates about patterns, more focus on actual product problems.”
Michael O’Connor
Design Manager, Enterprise SaaS
“We used it across multiple client projects without needing heavy customization. That’s rare for a component system.”
Claire Dubois
Design Consultant, SaaS & AI Products
“The responsive behavior felt intentional, not patched on later. That made a big difference for mobile views.”
Raj Patel
UX Designer, Cloud Management Platform
“Most libraries look polished in isolation. This one actually worked once real data and constraints were introduced.”
Sofia Nguyen
Product Designer, Internal Tools Team
“Developers didn’t need much explanation. Naming, variants, and states were clear enough to hand off without friction.”
Lucas Bennett
Frontend Engineer, Subscription Software Company
“The components scaled better than expected once we started adding more dashboard views and edge cases.”
Ethan Moore
Senior UX Designer, SaaS Monitoring Tool
“We evaluated it using the free components first. Once we saw how complete the system was, upgrading was an easy decision.”
Marta Alvarez
UX Lead, AI Operations Platform
“What stood out wasn’t the visuals, but how consistently everything was structured. It saved us from redesigning patterns over and over.”
Daniel Weiss
Product Designer, B2B Analytics SaaS

Frequently Asked Questions

Is this just a UI kit or a full design system?

It’s a structured design system. Components are built with consistent naming, semantic tokens, variants, and real interaction states. The focus is on scalability and reuse, not static screens or visual styles.

Is this just a UI kit or a full design system?

What’s included in the Free edition?

The Free edition includes a curated subset of components with full variants and interaction states. It’s meant for evaluation and personal use, so you can assess structure and quality before upgrading.

What’s included in the Free edition?

What do I get when I upgrade to Pro?

Pro gives you access to the full component library, including advanced SaaS and AI widgets, responsive variants for web and mobile, and a commercial license. You also receive lifetime updates.

What do I get when I upgrade to Pro?

Pro gives you access to the full component library, including advanced SaaS and AI widgets, responsive variants for web and mobile, and a commercial license. You also receive lifetime updates.

What do I get when I upgrade to Pro?

Pro gives you access to the full component library, including advanced SaaS and AI widgets, responsive variants for web and mobile, and a commercial license. You also receive lifetime updates.

Can I use this in commercial projects?

Yes. Both Pro Solo and Pro Team licenses allow commercial use. The difference is how many people can use the file internally and across how many projects.

Can I use this in commercial projects?

Yes. Both Pro Solo and Pro Team licenses allow commercial use. The difference is how many people can use the file internally and across how many projects.

Can I use this in commercial projects?

Yes. Both Pro Solo and Pro Team licenses allow commercial use. The difference is how many people can use the file internally and across how many projects.

Is this suitable for developers and handoff?

Yes. Components are structured for predictable handoff, with clear variants, states, and naming. Developers can inspect layouts, tokens, and behavior directly in Figma without additional documentation.

Is this suitable for developers and handoff?

Does it work for mobile as well as desktop?

Yes. Responsive behavior is designed into the components, with mobile and desktop variants created intentionally rather than adapted later.

Does it work for mobile as well as desktop?

Yes. Responsive behavior is designed into the components, with mobile and desktop variants created intentionally rather than adapted later.

Does it work for mobile as well as desktop?

Yes. Responsive behavior is designed into the components, with mobile and desktop variants created intentionally rather than adapted later.

Will I receive future updates?

Yes. Pro licenses include lifetime updates. New components, improvements, and refinements are added directly to the library over time.

Will I receive future updates?

Yes. Pro licenses include lifetime updates. New components, improvements, and refinements are added directly to the library over time.

Will I receive future updates?

Yes. Pro licenses include lifetime updates. New components, improvements, and refinements are added directly to the library over time.

What tools do I need to use this?

You only need Figma. The system is built entirely within Figma using native features and does not rely on external plugins.

What tools do I need to use this?

You only need Figma. The system is built entirely within Figma using native features and does not rely on external plugins.

What tools do I need to use this?

You only need Figma. The system is built entirely within Figma using native features and does not rely on external plugins.

Show all FAQs

Explore More from UxSculpt

Build faster with a growing ecosystem of UI kits, components, and icon systems designed for modern product teams.

AI SaaS UI Kit – WorkForge

400+ AI SaaS screens for modern products

View Product

Fintech UI Kit – Finvo

600+ fintech screens for banking and payments

View Product

Payment Method Logicons

500+ payment brand icons for checkout flows

View Product

Tech Brand Logicons

500+ tech and SaaS brand icons

View Product

Earn 30% on Every Sale

Join our affiliate program and earn up to $423 per sale by promoting our component kits and UI libraries.

Become an Affiliate

UX Sculpt

UX systems, UI kits, widgets, and logicons built for SaaS, FinTech, and AI teams.

Quick Links

Privacy Links

Terms & Conditions

License Agreement

Refund Policy

Recognition

UX Sculpt

UX systems, UI kits, widgets, and logicons built for SaaS, FinTech, and AI teams.

Quick Links

Privacy Links

Terms & Conditions

License Agreement

Refund Policy