All 1189 UI 1189 Forms 85

Accordion Tabs 2

Accordion #1

Open
Prepare launch evidence

Capture research notes, approval links, and customer-facing changes before sharing the launch summary.

Sort delivery artifacts

Group source files, review notes, and handoff material so every delivery owner can find the latest version.

Calibrate workspace policies

Review approval rules, notification defaults, and automation boundaries before more teams enter the workspace.

Validate stakeholder access

Confirm admins, collaborators, and observers have the right permissions for the next operating milestone.

Accordion Tabs 3

Accordion #2

Open
Prepare launch evidence

Capture research notes, approval links, and customer-facing changes before sharing the launch summary.

Sort delivery artifacts

Group source files, review notes, and handoff material so every delivery owner can find the latest version.

Calibrate workspace policies

Review approval rules, notification defaults, and automation boundaries before more teams enter the workspace.

Validate stakeholder access

Confirm admins, collaborators, and observers have the right permissions for the next operating milestone.

Accordion Tabs 1

Accordion #3

Open
Prepare launch evidence

Capture research notes, approval links, and customer-facing changes before sharing the launch summary.

Sort delivery artifacts

Group source files, review notes, and handoff material so every delivery owner can find the latest version.

Calibrate workspace policies

Review approval rules, notification defaults, and automation boundaries before more teams enter the workspace.

Validate stakeholder access

Confirm admins, collaborators, and observers have the right permissions for the next operating milestone.

Accordion Tabs 4

Accordion #4

Open
Prepare launch evidence

Capture research notes, approval links, and customer-facing changes before sharing the launch summary.

Sort delivery artifacts

Group source files, review notes, and handoff material so every delivery owner can find the latest version.

Calibrate workspace policies

Review approval rules, notification defaults, and automation boundaries before more teams enter the workspace.

Validate stakeholder access

Confirm admins, collaborators, and observers have the right permissions for the next operating milestone.

Accordion Subtitle 2

Accordion #5

Open
Prepare launch evidence Decision records ready

Capture research notes, approval links, and customer-facing changes before sharing the launch summary.

Sort delivery artifacts Source folders aligned

Group source files, review notes, and handoff material so every delivery owner can find the latest version.

Calibrate workspace policies Automation guardrails tuned

Review approval rules, notification defaults, and automation boundaries before more teams enter the workspace.

Validate stakeholder access Role coverage reviewed

Confirm admins, collaborators, and observers have the right permissions for the next operating milestone.

Accordion Subtitle 1

Accordion #6

Open
Prepare launch evidence Decision records ready

Capture research notes, approval links, and customer-facing changes before sharing the launch summary.

Sort delivery artifacts Source folders aligned

Group source files, review notes, and handoff material so every delivery owner can find the latest version.

Calibrate workspace policies Automation guardrails tuned

Review approval rules, notification defaults, and automation boundaries before more teams enter the workspace.

Validate stakeholder access Role coverage reviewed

Confirm admins, collaborators, and observers have the right permissions for the next operating milestone.

Accordion Subtitle 3

Accordion #7

Open
Prepare launch evidence Decision records ready

Capture research notes, approval links, and customer-facing changes before sharing the launch summary.

Sort delivery artifacts Source folders aligned

Group source files, review notes, and handoff material so every delivery owner can find the latest version.

Calibrate workspace policies Automation guardrails tuned

Review approval rules, notification defaults, and automation boundaries before more teams enter the workspace.

Validate stakeholder access Role coverage reviewed

Confirm admins, collaborators, and observers have the right permissions for the next operating milestone.

Accordion Subtitle 4

Accordion #8

Open
Prepare launch evidence Decision records ready

Capture research notes, approval links, and customer-facing changes before sharing the launch summary.

Sort delivery artifacts Source folders aligned

Group source files, review notes, and handoff material so every delivery owner can find the latest version.

Calibrate workspace policies Automation guardrails tuned

Review approval rules, notification defaults, and automation boundaries before more teams enter the workspace.

Validate stakeholder access Role coverage reviewed

Confirm admins, collaborators, and observers have the right permissions for the next operating milestone.

Accordion Standard 4

Accordion #9

Open
Audit deployment tasks

Keep release owners, dependency checks, and rollback reminders visible before the final deployment window.

Plan renewal motions

Group upcoming renewals by risk, expansion signal, and executive sponsor before assigning outreach.

Refine research findings

Convert interview notes into themes, evidence links, and product questions that teams can evaluate quickly.

Share enablement updates

Send concise summaries of messaging changes, support notes, and competitive context to customer-facing teams.

Accordion Standard 6

Accordion #10

Open
Catalog rollout decisions

Collect release decisions, owner notes, and customer updates before publishing the next rollout brief.

Structure delivery folders

Group source material, review threads, and handoff files so delivery teams can move through work quickly.

Adjust workspace rules

Tune notification defaults, approval gates, and automation settings before opening the workspace to more teams.

Confirm member access

Review admins, editors, and observers so each person has the right role before the next milestone.

Accordion Standard 7

Accordion #11

Open
Prepare launch evidence Decision records ready

Capture research notes, approval links, and customer-facing changes before sharing the launch summary.

Sort delivery artifacts Source folders aligned

Group source files, review notes, and handoff material so every delivery owner can find the latest version.

Calibrate workspace policies Automation guardrails tuned

Review approval rules, notification defaults, and automation boundaries before more teams enter the workspace.

Validate stakeholder access Role coverage reviewed

Confirm admins, collaborators, and observers have the right permissions for the next operating milestone.

Accordion Standard 5

Accordion #12

Open
Archive release notes

Keep launch notes, decision records, and customer-facing summaries grouped before the next planning cycle begins.

Organize team spaces

Collect project rooms, source folders, and ownership notes so every team can find the right working area.

Tune workspace controls

Review notification defaults, automation settings, and release permissions before broad rollout.

Review account roles

Confirm admins, collaborators, and observers have the access they need for the next milestone.

Accordion Multi Level 4

Accordion #13

Open
Prioritize product feedback
Cluster customer requests
Group comments by customer segment, workflow stage, and revenue impact before deciding what enters planning.
Attach evidence links
Keep recordings, ticket references, and account notes connected so every request has context.
Refine billing workflows
Publish billing runbooks
Document invoice review, adjustment approval, and renewal escalation steps for finance and success teams.
Review payment exceptions
Identify failed charges, disputed invoices, and unusual discounts before they affect reporting.
Harden compliance reviews
Track policy updates
Record owners, effective dates, and customer-facing changes in one checklist for every policy revision.
Collect control evidence
Store screenshots, approvals, and audit notes beside the control they support to reduce review time.
Coordinate growth campaigns
Plan audience tests
Define segments, success thresholds, and exclusion rules before experiments start collecting traffic.
Prepare handoff notes
Capture messaging, channel owners, launch timing, and reporting links before campaign execution.

Accordion Standard 1

Accordion #14

Open
Ship roadmap updates

Turn product decisions into a concise weekly note that names priorities, owners, and the next visible milestone.

Review customer signals

Compare feedback themes, account impact, and support volume before choosing which requests move into planning.

Align release owners

Make engineering, product, marketing, and support ownership explicit before the release checklist starts.

Accordion Standard 2

Accordion #15

Open
Map onboarding journeys

Give each new customer a short sequence of setup milestones, owner touchpoints, and success signals.

Compare pricing feedback

Group discount requests, packaging questions, and expansion signals before changing the offer structure.

Prepare integration notes

Summarize authentication steps, webhook behavior, and support contacts before sharing an integration plan.

Review security exceptions

Track owners, expiration dates, and customer commitments for every temporary exception under review.

Accordion Standard 3

Accordion #16

Open
Track launch dependencies

List the teams, assets, and decisions that must land before a release can move from planning to execution.

Evaluate usage trends

Review product adoption, account activity, and support themes before prioritizing the next workflow update.

Prepare support macros

Refresh response snippets, routing rules, and escalation notes before the support queue changes volume.

Coordinate partner reviews

Align launch copy, technical requirements, and approval owners before external teams need final materials.

Accordion Form 2

Accordion #17

Open
Personal Information
Contact Information
Address Information

Accordion Multi Level 1

Accordion #18

Open
Launch smarter analytics
Define the success metrics
Choose the activation, retention, and revenue indicators that every launch team can inspect before weekly planning.
Instrument the dashboards
Connect product events to a concise dashboard so signal quality is visible before decisions depend on it.
Coordinate remote teams
Publish the team playbook
Document ownership, review cadence, and escalation paths in one place so contributors can move without waiting.
Standardize handoff rituals
Use compact status notes, decision logs, and clear blockers to keep work moving across time zones.
Scale customer onboarding
Map customer milestones
Group the first setup, first success, and expansion moments into trackable steps for every account.
Automate timely follow-ups
Trigger helpful reminders from customer state changes instead of relying on scattered manual check-ins.
Protect operational data
Schedule access reviews
Review roles, inactive accounts, and high-risk permissions before audits turn routine gaps into urgent work.
Prepare incident briefs
Keep response owners, evidence links, and notification templates ready so teams can act from a shared baseline.

Accordion Multi Level 2

Accordion #19

Open
Plan content operations
Draft the editorial brief
Summarize audience, channel, approval owner, and deadline details before writers start production.
Set the review queue
Route drafts through editorial, brand, and legal checkpoints without burying decisions in separate threads.
Organize product folders
Archive launch assets
Keep final screenshots, demo clips, and campaign copy grouped by release so teams can reuse approved material.
Apply naming rules
Use consistent product, region, and date labels so search results stay useful as the library grows.
Tune workspace settings
Review notification rules
Limit alerts to status changes, owner requests, and approvals that need timely action.
Check automation limits
Confirm usage thresholds and retry policies before a large import or launch week campaign.
Align stakeholder teams
Assign decision owners
Name the person accountable for content, product, finance, and security decisions before reviews begin.
Create a status ritual
Use a short recurring update to make risks, blockers, and launch readiness visible to every group.

Accordion Multi Level 3

Accordion #20

Open
Prepare release planning
Confirm launch readiness
Review blockers, owner coverage, launch criteria, and final sign-off notes before the release window opens.
Document rollback steps
Write the exact trigger conditions, communication owner, and restoration commands before deployment begins.
Review platform reliability
Inspect incident signals
Compare alert volume, latency trends, and error budget burn to decide which risks need immediate work.
Schedule maintenance windows
Coordinate planned downtime with customer-facing teams and keep internal dependencies visible.
Improve support operations
Refresh triage macros
Update routing notes, response snippets, and escalation language so the support queue stays consistent.
Audit SLA coverage
Check priority definitions, backup owners, and handoff timing before changing support capacity.
Govern account security
Review permission drift
Compare current roles against team membership and remove access that no longer matches ownership.
Validate recovery paths
Confirm backup contacts, recovery codes, and emergency access procedures before an incident requires them.

Accordion Form 1

Accordion #21

Open
Personal Information
Contact Information
Address Information

Alert Warning 2

Alert #1

Open

Alert Warning 3

Alert #2

Open

Alert Warning 4

Alert #3

Open

Alert Warning 1

Alert #4

Open

Alert Warning 5

Alert #5

Open

Alert Success 2

Alert #6

Open

Alert Success 3

Alert #7

Open

Alert Success 4

Alert #8

Open

Alert Success 5

Alert #9

Open

Alert Standard 3

Alert #10

Open

Alert Standard 4

Alert #11

Open

Alert Standard 5

Alert #12

Open

Alert Success 1

Alert #13

Open

Alert Info 2

Alert #14

Open

Alert Info 3

Alert #15

Open

Alert Info 4

Alert #16

Open

Alert Info 5

Alert #17

Open

Alert Standard 2

Alert #18

Open

Alert Standard 1

Alert #19

Open

Alert Error 2

Alert #20

Open

Alert Error 3

Alert #21

Open

Alert Error 4

Alert #22

Open

Alert Error 5

Alert #23

Open

Alert Info 1

Alert #24

Open

Alert Error 1

Alert #25

Open

Alert Dialog Success 6

Alert Dialog #1

Open

Invitation Sent!

Your team invitation has been sent successfully. They will receive an email with instructions to join.

Alert Dialog Success 7

Alert Dialog #2

Open

Milestone Achieved!

Congratulations! You've completed 100 tasks. Keep up the great work!

ACHIEVEMENT UNLOCKED
Century Club

Alert Dialog Success 1

Alert Dialog #3

Open

Success!

Your changes have been saved successfully.

Alert Dialog Success 2

Alert Dialog #4

Open

Payment Successful

Your payment of $99.00 has been processed successfully. A receipt has been sent to your email.

Alert Dialog Success 3

Alert Dialog #5

Open

Account Created!

Your account has been created successfully. You can now start using all features.

Alert Dialog Success 4

Alert Dialog #6

Open

Project Created Successfully

Your project has been created. Here's what you can do next:

1.Invite team members to collaborate
2.Set up your project configuration
3.Create your first task

Alert Dialog Success 5

Alert Dialog #7

Open

Files Uploaded Successfully

All files have been uploaded and processed.

Total Files:
24
Total Size:
12.5 MB
Status:
Completed

Alert Dialog Destructive 1

Alert Dialog #8

Open

Delete Item?

This action cannot be undone. This will permanently delete the item from your account.

Alert Dialog Destructive 2

Alert Dialog #9

Open

Delete Project

This will permanently delete the project and all of its contents. This action cannot be undone.

Alert Dialog Destructive 3

Alert Dialog #10

Open

Delete Account Permanently

This is a permanent action. All your data, projects, and settings will be deleted immediately and cannot be recovered.

Alert Dialog Destructive 5

Alert Dialog #11

Open

Remove Team Member

Are you sure you want to remove this member from the team? They will lose access to all projects and data.

Alert Dialog Destructive 6

Alert Dialog #12

Open

Clear All Data

Permanent Action

This will permanently delete all stored data including user preferences, cache, and local storage. This cannot be undone.

Alert Dialog Destructive 7

Alert Dialog #13

Open

Delete 24 Items?

You are about to permanently delete 24 selected items. This action cannot be undone and all associated data will be lost.

Warning:Some of these items may be referenced by other resources.

Alert Dialog Destructive 4

Alert Dialog #14

Open

Revoke API Access?

Revoking this API key will immediately:

  • Disable all API requests using this key
  • Break existing integrations
  • Require creating a new key to restore access
  • Cannot be reversed once confirmed

Alert Dialog Confirmation 6

Alert Dialog #15

Open

Enable Notifications?

Stay up to date with important updates and messages from your team.

Alert Dialog Custom Actions 1

Alert Dialog #16

Open

Leave Site?

You are about to visit an external website. We are not responsible for the content on external sites.

Alert Dialog Custom Actions 2

Alert Dialog #17

Open

Select an Option

Choose how you want to proceed with this item.

Alert Dialog Custom Actions 3

Alert Dialog #18

Open

Update Project Status

Choose the new status for this project.

Alert Dialog Custom Actions 4

Alert Dialog #19

Open

Download Report

Your report is ready to download. This file contains sensitive information and should be handled securely.

File size:2.4 MB
Format:PDF

Alert Dialog Custom Actions 5

Alert Dialog #20

Open

Review Changes

Please review your changes before publishing. You can save as draft or publish immediately.

Alert Dialog Confirmation 3

Alert Dialog #21

Open

Transfer Ownership

You are about to transfer ownership of this project to another user. This will:
  • Remove your admin access
  • Grant full control to the new owner
  • Update billing information
  • Notify all team members

Alert Dialog Confirmation 2

Alert Dialog #22

Open

Confirm Changes

You have unsaved changes. Are you sure you want to continue? Your changes will be lost.

Alert Dialog Confirmation 4

Alert Dialog #23

Open

Leave Workspace

Are you sure you want to leave this workspace? You will need to be re-invited to access it again.

Alert Dialog Confirmation 5

Alert Dialog #24

Open

Mark as Complete?

This task will be marked as completed.

Alert Dialog Confirmation 1

Alert Dialog #25

Open

Are you sure?

This action cannot be undone. This will permanently delete your account and remove your data from our servers.

Aspect Ratio Standard 4

Aspect Ratio #1

Open
21:9

Aspect Ratio Standard 5

Aspect Ratio #2

Open
3:2

Aspect Ratio Standard 6

Aspect Ratio #3

Open
9:16

Aspect Ratio Standard 7

Aspect Ratio #4

Open
2:1

Aspect Ratio Standard 1

Aspect Ratio #5

Open
16:9

Aspect Ratio Standard 2

Aspect Ratio #6

Open
4:3

Aspect Ratio Standard 3

Aspect Ratio #7

Open
1:1

Avatar Standard 27

Avatar #1

Open
HB

Avatar Standard 8

Avatar #2

Open
@haydenbleaselHB

Avatar Standard 9

Avatar #3

Open
@haydenbleaselHB

Avatar Standard 20

Avatar #4

Open
@haydenbleaselHB
3

Avatar Standard 21

Avatar #5

Open
@haydenbleaselHB

Avatar Standard 22

Avatar #6

Open
@haydenbleaselHB
3

Avatar Standard 23

Avatar #7

Open
@haydenbleaselHB
Hayden Bleasel

Avatar Standard 24

Avatar #8

Open
@haydenbleaselHB

Avatar Standard 25

Avatar #9

Open
@haydenbleaselHB

Avatar Standard 26

Avatar #10

Open
@haydenbleaselHB

Avatar Standard 11

Avatar #11

Open
@haydenbleaselHB

Avatar Standard 12

Avatar #12

Open
@haydenbleaselHB

Avatar Standard 13

Avatar #13

Open
HB

Avatar Standard 14

Avatar #14

Open
@haydenbleaselHB

Avatar Standard 15

Avatar #15

Open
@haydenbleaselHB

Avatar Standard 16

Avatar #16

Open
@haydenbleaselHB

Avatar Standard 17

Avatar #17

Open
@haydenbleaselHB

Avatar Standard 18

Avatar #18

Open
@haydenbleaselHB

Avatar Standard 19

Avatar #19

Open
@haydenbleaselHB
3

Avatar Standard 10

Avatar #20

Open
@haydenbleaselHB

Avatar Standard 7

Avatar #21

Open
@haydenbleaselHB
3

Avatar Square 7

Avatar #22

Open
@haydenbleaselHB
3

Avatar Standard 1

Avatar #23

Open
@haydenbleaselHB

Avatar Standard 2

Avatar #24

Open
HB

Avatar Standard 3

Avatar #25

Open

Avatar Standard 4

Avatar #26

Open
@haydenbleaselHB

Avatar Standard 5

Avatar #27

Open
@haydenbleaselHB

Avatar Standard 6

Avatar #28

Open
@haydenbleaselHB

Avatar Square 2

Avatar #29

Open
HB

Avatar Square 3

Avatar #30

Open

Avatar Square 4

Avatar #31

Open
@haydenbleaselHB

Avatar Square 5

Avatar #32

Open
@haydenbleaselHB

Avatar Square 6

Avatar #33

Open
@haydenbleaselHB

Avatar Square 1

Avatar #34

Open
@haydenbleaselHB

Avatar Group Border 1

Avatar Group #1

Open
HB
CN
LR
SC

Avatar Group Loose 1

Avatar Group #2

Open
HB
CN
LR
SC

Avatar Group Loose Border 1

Avatar Group #3

Open
HB
CN
LR
SC

Avatar Group Max 1

Avatar Group #4

Open
HB
CN
LR
SC
+2

Avatar Group Standard 1

Avatar Group #5

Open
HB
CN
LR
SC

Avatar Group Tight 1

Avatar Group #6

Open
HB
CN
LR
SC

Avatar Group Tight Border 1

Avatar Group #7

Open
HB
CN
LR
SC

Avatar Group Tooltip 1

Avatar Group #8

Open
HB
Hayden Bleasel
CN
shadcn
LR
Lee Robinson
SC
Serafim Cloud

Avatar Group Animated 1

Avatar Group #9

Open
HB
CN
LR
SC

Badge Secondary 4

Badge #1

Open
Badge

Badge Secondary 5

Badge #2

Open
3

Badge Standard 1

Badge #3

Open
Badge

Badge Standard 3

Badge #5

Open
Badge

Badge Standard 4

Badge #6

Open
Badge

Badge Standard 5

Badge #7

Open
3

Badge Outline 1

Badge #8

Open
Badge

Badge Outline 3

Badge #10

Open
Badge

Badge Outline 4

Badge #11

Open
Badge

Badge Outline 5

Badge #12

Open
3

Badge Secondary 1

Badge #13

Open
Badge

Badge Secondary 3

Badge #15

Open
Badge

Badge Destructive 1

Badge #16

Open
Badge

Badge Destructive 3

Badge #18

Open
Badge

Badge Destructive 4

Badge #19

Open
Badge

Badge Destructive 5

Badge #20

Open
3

Border Button Basic

Border Button #1

Open

Button Standard 1

Button #1

Open

Button Standard 2

Button #2

Open

Button Standard 3

Button #3

Open

Button Standard 4

Button #4

Open

Button Standard 5

Button #5

Open

Button Standard 6

Button #6

Open

Button Standard 7

Button #7

Open

Button Secondary 3

Button #8

Open

Button Secondary 4

Button #9

Open

Button Secondary 5

Button #10

Open

Button Secondary 6

Button #11

Open

Button Secondary 7

Button #12

Open

Button Outline 5

Button #13

Open

Button Outline 6

Button #14

Open

Button Outline 7

Button #15

Open

Button Secondary 1

Button #16

Open

Button Secondary 2

Button #17

Open

Button Link 6

Button #18

Open

Button Link 7

Button #19

Open

Button Outline 1

Button #20

Open

Button Outline 2

Button #21

Open

Button Outline 3

Button #22

Open

Button Outline 4

Button #23

Open

Button Destructive 7

Button #24

Open

Button Link 1

Button #25

Open

Button Link 2

Button #26

Open

Button Link 3

Button #27

Open

Button Link 4

Button #28

Open

Button Link 5

Button #29

Open

Button Destructive 1

Button #30

Open

Button Destructive 2

Button #31

Open

Button Destructive 3

Button #32

Open

Button Destructive 4

Button #33

Open

Button Destructive 5

Button #34

Open

Button Destructive 6

Button #35

Open

Button Group Standard 4

Button Group #1

Open

Button Group Patterns 4

Button Group #2

Open

Button Group Standard 1

Button Group #3

Open

Button Group Standard 2

Button Group #4

Open

Button Group Standard 3

Button Group #5

Open

Button Group Navigation 3

Button Group #6

Open

Button Group Patterns 1

Button Group #7

Open

Button Group Patterns 2

Button Group #8

Open

Button Group Patterns 3

Button Group #9

Open

Button Group Media 1

Button Group #10

Open

Button Group Media 2

Button Group #11

Open

Button Group Media 3

Button Group #12

Open

Button Group Media 4

Button Group #13

Open

Button Group Navigation 1

Button Group #14

Open

Button Group Navigation 2

Button Group #15

Open

Button Group Interactive 1

Button Group #16

Open

Button Group Interactive 2

Button Group #17

Open

Button Group Interactive 3

Button Group #18

Open

Button Group Interactive 4

Button Group #19

Open

Button Group Badges 4

Button Group #20

Open

Button Group Display 1

Button Group #21

Open

Button Group Display 2

Button Group #22

Open

Button Group Display 3

Button Group #23

Open

Button Group Display 4

Button Group #24

Open

Button Group Advanced 3

Button Group #25

Open

Button Group Advanced 4

Button Group #26

Open

Button Group Badges 1

Button Group #27

Open

Button Group Badges 2

Button Group #28

Open

Button Group Badges 3

Button Group #29

Open

Button Group Actions 1

Button Group #30

Open

Button Group Actions 2

Button Group #31

Open

Button Group Actions 3

Button Group #32

Open

Button Group Actions 4

Button Group #33

Open

Button Group Advanced 1

Button Group #34

Open

Button Group Advanced 2

Button Group #35

Open

Calendar Standard 7

Calendar #1

Open

May 2026

Su Mo Tu We Th Fr Sa

Calendar Standard 8

Calendar #2

Open

May 2026

Su Mo Tu We Th Fr Sa

Calendar Standard 2

Calendar #3

Open

May 2026

Su Mo Tu We Th Fr Sa

Calendar Standard 3

Calendar #4

Open

May 2026

Su Mo Tu We Th Fr Sa

Calendar Standard 4

Calendar #5

Open

May 2026

Su Mo Tu We Th Fr Sa

Calendar Standard 5

Calendar #6

Open

May 2026

Su Mo Tu We Th Fr Sa

Calendar Standard 6

Calendar #7

Open

May 2026

Su Mo Tu We Th Fr Sa

Calendar Dialog 6

Calendar #8

Open

May 2026

Su Mo Tu We Th Fr Sa

Calendar Dialog 7

Calendar #9

Open

May 2026

Su Mo Tu We Th Fr Sa

Calendar Dialog 8

Calendar #10

Open

May 2026

Su Mo Tu We Th Fr Sa

Calendar Standard 1

Calendar #11

Open

May 2026

Su Mo Tu We Th Fr Sa

Calendar Dialog 1

Calendar #12

Open

May 2026

Su Mo Tu We Th Fr Sa

Calendar Dialog 2

Calendar #13

Open

May 2026

Su Mo Tu We Th Fr Sa

Calendar Dialog 3

Calendar #14

Open

May 2026

Su Mo Tu We Th Fr Sa

Calendar Dialog 4

Calendar #15

Open

May 2026

Su Mo Tu We Th Fr Sa

Calendar Dialog 5

Calendar #16

Open

May 2026

Su Mo Tu We Th Fr Sa

Card Standard 3

Card #1

Open

Meeting Notes

Transcript from the meeting with the client.

Client requested dashboard redesign with focus on mobile responsiveness.

  1. New analytics widgets for daily/weekly metrics
  2. Simplified navigation menu
  3. Dark mode support
  4. Timeline: 6 weeks
  5. Follow-up meeting scheduled for next Tuesday
Alex Morgan AM Jordan Lee JL Taylor Kim TK

Card Standard 4

Card #2

Open

3-Bedroom House

A luxurious 3-bedroom house with a modern design.

3
2
356m2

$349,000

Card Standard 1

Card #3

Open

Card Title

Card description goes here

This is the card content area where you can place any content.

Card Standard 2

Card #4

Open

Login to your account

Enter your email below to login to your account

Forgot your password?

Carousel Standard 3

Carousel #1

Open

Carousel Standard 4

Carousel #2

Open

Carousel Standard 2

Carousel #3

Open

Carousel Standard 1

Carousel #4

Open

Chart Tooltip Label None

Chart #1

Open

Tooltip Label None

January - June 2024

Jan Feb Mar Apr May Jun 186 305 237 173 209 214

June

Desktop 214, Mobile 140

Chart Tooltip Icons

Chart #2

Open

Tooltip Icons

January - June 2024

Jan Feb Mar Apr May Jun
Desktop Mobile

June

Desktop 214, Mobile 140

Chart Tooltip Indicator Line

Chart #3

Open

Tooltip Indicator Line

January - June 2024

Jan Feb Mar Apr May Jun

June

Desktop 214, Mobile 140

Chart Tooltip Indicator None

Chart #4

Open

Tooltip Indicator None

January - June 2024

Jan Feb Mar Apr May Jun

June

Desktop 214, Mobile 140

Chart Tooltip Label Custom

Chart #5

Open

Tooltip Label Custom

January - June 2024

Jan Feb Mar Apr May Jun 186 305 237 173 209 214

June

Desktop 214, Mobile 140

Chart Radial Text

Chart #6

Open

Radial Text

January - June 2024

72% Engagement

Chart Tooltip Advanced

Chart #7

Open

Tooltip Advanced

January - June 2024

Jan Feb Mar Apr May Jun

June

Desktop 214, Mobile 140

Chart Tooltip Default

Chart #8

Open

Tooltip Default

January - June 2024

Jan Feb Mar Apr May Jun

June

Desktop 214, Mobile 140

Chart Radial Shape

Chart #9

Open

Radial Shape

January - June 2024

72% Engagement

Chart Radial Simple

Chart #10

Open

Radial Simple

January - June 2024

72% Engagement

Chart Radial Stacked

Chart #11

Open

Radial Stacked

January - June 2024

72% Engagement
Desktop Mobile

Chart Radar Radius

Chart #12

Open

Radar Radius

January - June 2024

Desktop Mobile Tablet

Chart Radial Grid

Chart #13

Open

Radial Grid

January - June 2024

72% Engagement

Chart Radial Label

Chart #14

Open

Radial Label

January - June 2024

72% Engagement Visitors this month

Chart Radar Grid Custom

Chart #15

Open

Radar Grid Custom

January - June 2024

Desktop Mobile Tablet

Chart Radar Grid Fill

Chart #16

Open

Radar Grid Fill

January - June 2024

Desktop Mobile Tablet

Chart Radar Grid None

Chart #17

Open

Radar Grid None

January - June 2024

Desktop Mobile Tablet

Chart Radar Icons

Chart #18

Open

Radar Icons

January - June 2024

Desktop Mobile Tablet
Desktop Mobile

Chart Radar Label Custom

Chart #19

Open

Radar Label Custom

January - June 2024

Desktop Mobile Tablet

Chart Radar Legend

Chart #20

Open

Radar Legend

January - June 2024

Desktop Mobile Tablet
Desktop Mobile

Chart Radar Lines Only

Chart #21

Open

Radar Lines Only

January - June 2024

Desktop Mobile Tablet

Chart Radar Multiple

Chart #22

Open

Radar Multiple

January - June 2024

Desktop Mobile Tablet
Desktop Mobile

Chart Radar Default

Chart #23

Open

Radar Default

January - June 2024

Desktop Mobile Tablet

Chart Radar Dots

Chart #24

Open

Radar Dots

January - June 2024

Desktop Mobile Tablet

Chart Radar Grid Circle Fill

Chart #25

Open

Radar Grid Circle Fill

January - June 2024

Desktop Mobile Tablet

Chart Radar Grid Circle No Lines

Chart #26

Open

Radar Grid Circle No Lines

January - June 2024

Desktop Mobile Tablet

Chart Radar Grid Circle

Chart #27

Open

Radar Grid Circle

January - June 2024

Desktop Mobile Tablet

Chart Pie Label List

Chart #28

Open

Pie Label List

January - June 2024

35% 25% 20% 12% 8%

Chart Pie Label

Chart #29

Open

Pie Label

January - June 2024

35% 25% 20% 12% 8%

Chart Pie Legend

Chart #30

Open

Pie Legend

January - June 2024

Desktop Mobile

Chart Pie Separator None

Chart #31

Open

Pie Separator None

January - June 2024

Chart Pie Simple

Chart #32

Open

Pie Simple

January - June 2024

Chart Pie Stacked

Chart #33

Open

Pie Stacked

January - June 2024

Desktop Mobile

Chart Pie Donut Active

Chart #34

Open

Pie Donut Active

January - June 2024

1,248Visitors

Chart Pie Donut Text

Chart #35

Open

Pie Donut Text

January - June 2024

1,248Visitors

Chart Pie Donut

Chart #36

Open

Pie Donut

January - June 2024

Chart Pie Interactive

Chart #37

Open

Pie Interactive

January - June 2024

1,248Visitors

Chart Pie Label Custom

Chart #38

Open

Pie Label Custom

January - June 2024

35% 25% 20% 12% 8%

Chart Line Label

Chart #39

Open

Line Label

January - June 2024

Jan Feb Mar Apr May Jun 186 305 237 173 209 214

Chart Line Linear

Chart #40

Open

Line Linear

January - June 2024

Jan Feb Mar Apr May Jun

Chart Line Multiple

Chart #41

Open

Line Multiple

January - June 2024

Jan Feb Mar Apr May Jun
Desktop Mobile

Chart Line Step

Chart #42

Open

Line Step

January - June 2024

Jan Feb Mar Apr May Jun

Chart Line Default

Chart #43

Open

Line Default

January - June 2024

Jan Feb Mar Apr May Jun

Chart Line Dots Colors

Chart #44

Open

Line Dots Colors

January - June 2024

Jan Feb Mar Apr May Jun

Chart Line Dots Custom

Chart #45

Open

Line Dots Custom

January - June 2024

Jan Feb Mar Apr May Jun

Chart Line Dots

Chart #46

Open

Line Dots

January - June 2024

Jan Feb Mar Apr May Jun

Chart Line Interactive

Chart #47

Open

Line Interactive

January - June 2024

Jan Feb Mar Apr May Jun

Chart Line Label Custom

Chart #48

Open

Line Label Custom

January - June 2024

Jan Feb Mar Apr May Jun 186 305 237 173 209 214

Chart Bar Interactive

Chart #49

Open

Bar Interactive

January - June 2024

Jan Feb Mar Apr May Jun

Chart Bar Label Custom

Chart #50

Open

Bar Label Custom

January - June 2024

Jan Feb Mar Apr May Jun 186 305 237 173 209 214

Chart Bar Label

Chart #51

Open

Bar Label

January - June 2024

Jan Feb Mar Apr May Jun 186 305 237 173 209 214

Chart Bar Mixed

Chart #52

Open

Bar Mixed

January - June 2024

Jan Feb Mar Apr May Jun
Desktop Mobile

Chart Bar Multiple

Chart #53

Open

Bar Multiple

January - June 2024

Jan Feb Mar Apr May Jun
Desktop Mobile

Chart Bar Negative

Chart #54

Open

Bar Negative

January - June 2024

Jan Feb Mar Apr May Jun

Chart Bar Stacked

Chart #55

Open

Bar Stacked

January - June 2024

Jan Feb Mar Apr May Jun
Desktop Mobile

Chart Area Linear

Chart #56

Open

Area Linear

January - June 2024

Jan Feb Mar Apr May Jun

Chart Area Stacked Expand

Chart #57

Open

Area Stacked Expand

January - June 2024

Jan Feb Mar Apr May Jun
Desktop Mobile

Chart Area Stacked

Chart #58

Open

Area Stacked

January - June 2024

Jan Feb Mar Apr May Jun
Desktop Mobile

Chart Area Step

Chart #59

Open

Area Step

January - June 2024

Jan Feb Mar Apr May Jun

Chart Bar Active

Chart #60

Open

Bar Active

January - June 2024

Jan Feb Mar Apr May Jun

Chart Bar Default

Chart #61

Open

Bar Default

January - June 2024

Jan Feb Mar Apr May Jun

Chart Bar Horizontal

Chart #62

Open

Bar Horizontal

January - June 2024

Jan Feb Mar Apr May Jun

Chart Area Default

Chart #63

Open

Area Default

January - June 2024

Jan Feb Mar Apr May Jun

Chart Area Gradient

Chart #64

Open

Area Gradient

January - June 2024

Jan Feb Mar Apr May Jun

Chart Area Icons

Chart #65

Open

Area Icons

January - June 2024

Jan Feb Mar Apr May Jun
Desktop Mobile

Chart Area Interactive

Chart #66

Open

Area Interactive

January - June 2024

Jan Feb Mar Apr May Jun

Chart Area Legend

Chart #67

Open

Area Legend

January - June 2024

Jan Feb Mar Apr May Jun
Desktop Mobile

Chart Area Axes

Chart #68

Open

Area Axes

January - June 2024

Jan Feb Mar Apr May Jun

Checkbox Standard 6

Checkbox #1

Open

Custom Indicator Checkbox

Checkbox Standard 7

Checkbox #2

Open

Horizontal List Checkbox

Checkbox Standard 8

Checkbox #3

Open

Vertical List Checkbox

Checkbox Standard 9

Checkbox #4

Open

Right-Aligned Checkbox

Checkbox Standard 2

Checkbox #5

Open

Indeterminate Checkbox

Checkbox Standard 3

Checkbox #6

Open

With Subtitle

Receive updates about your account activity.

Checkbox Standard 4

Checkbox #7

Open

Disabled Checkbox

Checkbox Standard 5

Checkbox #8

Open

Todo Style Checkbox

Checkbox Standard 1

Checkbox #9

Open

Simple Checkbox

Checkbox Standard 11

Checkbox #10

Open

With Description

Receive emails about new products, features, and more.

Checkbox Standard 12

Checkbox #11

Open

With Subtitle and Description

Important notifications about account security and login activity.

Checkbox Standard 13

Checkbox #12

Open

Nested List

Collapsible Standard 3

Collapsible #1

Open

Simple Collapsible

Toggle details 3
Use this pattern for optional settings, metadata, or explanations.

Collapsible Standard 4

Collapsible #2

Open

Simple Collapsible

Toggle details 4
Keep important actions visible while extra context stays tucked away.

Collapsible Standard 5

Collapsible #3

Open

Simple Collapsible

Toggle details 5
Native disclosure markup keeps the interaction lightweight and accessible.

Collapsible Sidebar 2

Collapsible #4

Open

Nested Sidebar Items

Projects
Components
Button
Input

Collapsible Sidebar 3

Collapsible #5

Open

Nested Sidebar Items

Settings
Components
Button
Input

Collapsible Sidebar 4

Collapsible #6

Open

Nested Sidebar Items

Team
Components
Button
Input

Collapsible Standard 1

Collapsible #7

Open

Simple Collapsible

Toggle details 1
This is the collapsible content. You can put any content here.

Collapsible Standard 2

Collapsible #8

Open

Simple Collapsible

Toggle details 2
Reveal secondary details without leaving the current view.

Collapsible Outline 1

Collapsible #9

Open

Outline Collapsible

Outline option 1
This is the collapsible content. You can put any content here.

Collapsible Outline 2

Collapsible #10

Open

Outline Collapsible

Outline option 2
Reveal secondary details without leaving the current view.

Collapsible Outline 3

Collapsible #11

Open

Outline Collapsible

Outline option 3
Use this pattern for optional settings, metadata, or explanations.

Collapsible Outline 4

Collapsible #12

Open

Outline Collapsible

Outline option 4
Keep important actions visible while extra context stays tucked away.

Collapsible Sidebar 1

Collapsible #13

Open

Nested Sidebar Items

Documentation
Components
Button
Input

Collapsible Faq 1

Collapsible #14

Open

Frequently asked questions

Frequently asked questions

How do I get started with this product?
Getting started is easy. Sign up for an account, verify your email, and follow the onboarding guide.

Collapsible Faq 2

Collapsible #15

Open

Frequently asked questions

Frequently asked questions

Can I use this with my team?
Yes. Invite teammates, assign roles, and manage shared project settings from the workspace page.

Collapsible Faq 3

Collapsible #16

Open

Frequently asked questions

Frequently asked questions

Where can I find billing details?
Billing details, invoices, and plan changes are available from account settings.

Collapsible Faq 4

Collapsible #17

Open

Frequently asked questions

Frequently asked questions

Does it support keyboard navigation?
All disclosure controls use native summary behavior and can be toggled from the keyboard.

Collapsible Faq 5

Collapsible #18

Open

Frequently asked questions

Frequently asked questions

Can I customize the content?
Replace the static content with your own copy, links, lists, or forms.

Collapsible Card 2

Collapsible #19

Open

Card Collapsible

Plan details
  • Fully accessible
  • Keyboard navigation
  • Smooth native disclosure behavior

Collapsible Card 3

Collapsible #20

Open

Card Collapsible

Project summary
  • Fully accessible
  • Keyboard navigation
  • Smooth native disclosure behavior

Collapsible Card 4

Collapsible #21

Open

Card Collapsible

Release notes
  • Fully accessible
  • Keyboard navigation
  • Smooth native disclosure behavior

Collapsible Card 5

Collapsible #22

Open

Card Collapsible

Activity
  • Fully accessible
  • Keyboard navigation
  • Smooth native disclosure behavior

Collapsible Card 1

Collapsible #23

Open

Card Collapsible

Features
  • Fully accessible
  • Keyboard navigation
  • Smooth native disclosure behavior

Combobox With States 2

Combobox #1

Open

Select status

  • OpenActive
  • In progressActive
  • ReviewActive
  • BlockedNeeds help
  • ClosedActive

Combobox With States 3

Combobox #2

Open

Select status

  • OpenActive
  • In progressActive
  • ReviewActive
  • BlockedNeeds help
  • ClosedActive

Combobox With States 4

Combobox #3

Open

Select status

  • OpenActive
  • In progressActive
  • ReviewActive
  • BlockedNeeds help
  • ClosedActive

Combobox With States 5

Combobox #4

Open

Select status

  • OpenActive
  • In progressActive
  • ReviewActive
  • BlockedNeeds help
  • ClosedActive

Combobox With States 6

Combobox #5

Open

Select status

  • OpenActive
  • In progressActive
  • ReviewActive
  • BlockedNeeds help
  • ClosedActive

Combobox With States 7

Combobox #6

Open

Select status

  • OpenActive
  • In progressActive
  • ReviewActive
  • BlockedNeeds help
  • ClosedActive

Combobox Standard 4

Combobox #7

Open

Select framework

  • Next.js
  • SvelteKit
  • Nuxt.js
  • Remix
  • Astro

Combobox Standard 5

Combobox #8

Open

Select framework

  • Next.js
  • SvelteKit
  • Nuxt.js
  • Remix
  • Astro

Combobox Standard 7

Combobox #9

Open

Select framework

  • Next.js
  • SvelteKit
  • Nuxt.js
  • Remix
  • Astro

Combobox Standard 6

Combobox #10

Open

Select framework

  • Next.js
  • SvelteKit
  • Nuxt.js
  • Remix
  • Astro

Combobox With States 1

Combobox #11

Open

Select status

  • OpenActive
  • In progressActive
  • ReviewActive
  • BlockedNeeds help
  • ClosedActive

Combobox Rich Content 5

Combobox #12

Open

Select teammate

  • ALAda Lovelaceada@example.com · Engineering
  • GHGrace Hoppergrace@example.com · Product
  • KJKatherine Johnsonkatherine@example.com · Research
  • MJMary Jacksonmary@example.com · Operations

Combobox Rich Content 6

Combobox #13

Open

Select teammate

  • ALAda Lovelaceada@example.com · Engineering
  • GHGrace Hoppergrace@example.com · Product
  • KJKatherine Johnsonkatherine@example.com · Research
  • MJMary Jacksonmary@example.com · Operations

Combobox Rich Content 7

Combobox #14

Open

Select teammate

  • ALAda Lovelaceada@example.com · Engineering
  • GHGrace Hoppergrace@example.com · Product
  • KJKatherine Johnsonkatherine@example.com · Research
  • MJMary Jacksonmary@example.com · Operations

Combobox Standard 1

Combobox #15

Open

Select framework

  • Next.js
  • SvelteKit
  • Nuxt.js
  • Remix
  • Astro

Combobox Standard 2

Combobox #16

Open

Select framework

  • Next.js
  • SvelteKit
  • Nuxt.js
  • Remix
  • Astro

Combobox Standard 3

Combobox #17

Open

Select framework

  • Next.js
  • SvelteKit
  • Nuxt.js
  • Remix
  • Astro

Combobox Rich Content 1

Combobox #18

Open

Select teammate

  • ALAda Lovelaceada@example.com · Engineering
  • GHGrace Hoppergrace@example.com · Product
  • KJKatherine Johnsonkatherine@example.com · Research
  • MJMary Jacksonmary@example.com · Operations

Combobox Rich Content 2

Combobox #19

Open

Select teammate

  • ALAda Lovelaceada@example.com · Engineering
  • GHGrace Hoppergrace@example.com · Product
  • KJKatherine Johnsonkatherine@example.com · Research
  • MJMary Jacksonmary@example.com · Operations

Combobox Rich Content 3

Combobox #20

Open

Select teammate

  • ALAda Lovelaceada@example.com · Engineering
  • GHGrace Hoppergrace@example.com · Product
  • KJKatherine Johnsonkatherine@example.com · Research
  • MJMary Jacksonmary@example.com · Operations

Combobox Rich Content 4

Combobox #21

Open

Select teammate

  • ALAda Lovelaceada@example.com · Engineering
  • GHGrace Hoppergrace@example.com · Product
  • KJKatherine Johnsonkatherine@example.com · Research
  • MJMary Jacksonmary@example.com · Operations

Combobox Multi Select 4

Combobox #22

Open

Select skills

DesignEngineering
  • Design
  • Engineering
  • Marketing
  • Research
  • Support

Combobox Multi Select 5

Combobox #23

Open

Select skills

DesignEngineering
  • Design
  • Engineering
  • Marketing
  • Research
  • Support

Combobox Multi Select 6

Combobox #24

Open

Select skills

DesignEngineering
  • Design
  • Engineering
  • Marketing
  • Research
  • Support

Combobox Multi Select 7

Combobox #25

Open

Select skills

DesignEngineering
  • Design
  • Engineering
  • Marketing
  • Research
  • Support

Combobox Grouped 6

Combobox #26

Open

Grouped options

Frameworks

Next.js
Astro
SvelteKit

Libraries

Alpine
Vue
Solid

Combobox Grouped 7

Combobox #27

Open

Grouped options

Frameworks

Next.js
Astro
SvelteKit

Libraries

Alpine
Vue
Solid

Combobox Multi Select 1

Combobox #28

Open

Select skills

DesignEngineering
  • Design
  • Engineering
  • Marketing
  • Research
  • Support

Combobox Multi Select 2

Combobox #29

Open

Select skills

DesignEngineering
  • Design
  • Engineering
  • Marketing
  • Research
  • Support

Combobox Multi Select 3

Combobox #30

Open

Select skills

DesignEngineering
  • Design
  • Engineering
  • Marketing
  • Research
  • Support

Combobox Grouped 1

Combobox #31

Open

Grouped options

Frameworks

Next.js
Astro
SvelteKit

Libraries

Alpine
Vue
Solid

Combobox Grouped 2

Combobox #32

Open

Grouped options

Frameworks

Next.js
Astro
SvelteKit

Libraries

Alpine
Vue
Solid

Combobox Grouped 3

Combobox #33

Open

Grouped options

Frameworks

Next.js
Astro
SvelteKit

Libraries

Alpine
Vue
Solid

Combobox Grouped 4

Combobox #34

Open

Grouped options

Frameworks

Next.js
Astro
SvelteKit

Libraries

Alpine
Vue
Solid

Combobox Grouped 5

Combobox #35

Open

Grouped options

Frameworks

Next.js
Astro
SvelteKit

Libraries

Alpine
Vue
Solid

Combobox Custom Actions 3

Combobox #36

Open

Command actions

  • Create issue
  • Invite teammate
  • Open settings
  • View changelog

Combobox Custom Actions 4

Combobox #37

Open

Command actions

  • Create issue
  • Invite teammate
  • Open settings
  • View changelog

Combobox Custom Actions 5

Combobox #38

Open

Command actions

  • Create issue
  • Invite teammate
  • Open settings
  • View changelog

Combobox Custom Actions 6

Combobox #39

Open

Command actions

  • Create issue
  • Invite teammate
  • Open settings
  • View changelog

Combobox Custom Actions 7

Combobox #40

Open

Command actions

  • Create issue
  • Invite teammate
  • Open settings
  • View changelog

Combobox Custom Actions 1

Combobox #41

Open

Command actions

  • Create issue
  • Invite teammate
  • Open settings
  • View changelog

Combobox Custom Actions 2

Combobox #42

Open

Command actions

  • Create issue
  • Invite teammate
  • Open settings
  • View changelog

Command Standard 2

Command #1

Open

Standard Command 2

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Standard 3

Command #2

Open

Standard Command 3

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Standard 4

Command #3

Open

Standard Command 4

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Standard 5

Command #4

Open

Standard Command 5

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Standard 7

Command #5

Open

Standard Command 7

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Standard 6

Command #6

Open

Standard Command 6

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Popover 4

Command #7

Open

Popover Command 4

Open command menu

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Popover 5

Command #8

Open

Popover Command 5

Open command menu

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Popover 6

Command #9

Open

Popover Command 6

Open command menu

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Popover 7

Command #10

Open

Popover Command 7

Open command menu

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Standard 1

Command #11

Open

Standard Command 1

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Dialog 5

Command #12

Open

Dialog Command 5

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Dialog 6

Command #13

Open

Dialog Command 6

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Dialog 7

Command #14

Open

Dialog Command 7

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Popover 1

Command #15

Open

Popover Command 1

Open command menu

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Popover 2

Command #16

Open

Popover Command 2

Open command menu

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Popover 3

Command #17

Open

Popover Command 3

Open command menu

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Dialog 1

Command #18

Open

Dialog Command 1

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Dialog 2

Command #19

Open

Dialog Command 2

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Dialog 3

Command #20

Open

Dialog Command 3

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Command Dialog 4

Command #21

Open

Dialog Command 4

Suggestions

C CalendarView upcoming events ⌘K
S Search docsFind components and guides ⌘F
O Open settingsManage workspace preferences ⌘,

Actions

I Invite teammateSend an invitation email ⌘I
C Create projectStart a new workspace project ⌘N

Context Menu Text 5

Context Menu #1

Open

Font and Style Menu

Right-click
Right click to style text

Context Menu Table 5

Context Menu #2

Open

Table Column Operations Menu

Right-click
Name Status Total Acme Co. Paid $420 Globex Review $890 Umbrella Draft $310

Context Menu Text 1

Context Menu #3

Open

Text Editing Menu

Right-click
Right click to edit text

Context Menu Text 2

Context Menu #4

Open

Text Formatting Menu

Right-click
Right click to format text

Context Menu Text 3

Context Menu #5

Open

Text Alignment Menu

Right-click
Right click to align text

Context Menu Text 4

Context Menu #6

Open

Spell Check Menu

Right-click
Right click misspeled word

Context Menu Standard 6

Context Menu #7

Open

Context Menu with Radio Items

Right-click
Right click here

Context Menu Standard 7

Context Menu #8

Open

Context Menu with Submenus

Right-click
Right click here

Context Menu Table 1

Context Menu #9

Open

Table Sort Menu

Right-click
Name Status Total Acme Co. Paid $420 Globex Review $890 Umbrella Draft $310

Context Menu Table 2

Context Menu #10

Open

Table Filter Menu

Right-click
Name Status Total Acme Co. Paid $420 Globex Review $890 Umbrella Draft $310

Context Menu Table 3

Context Menu #11

Open

Table Export Menu

Right-click
Name Status Total Acme Co. Paid $420 Globex Review $890 Umbrella Draft $310

Context Menu Table 4

Context Menu #12

Open

Table Row Operations Menu

Right-click
Name Status Total Acme Co. Paid $420 Globex Review $890 Umbrella Draft $310

Context Menu File 3

Context Menu #13

Open

Archive and Compress Menu

Right-click

Project brief.pdf

Right click on file

Context Menu File 4

Context Menu #14

Open

Share and Export Menu

Right-click

Project brief.pdf

Right click on file

Context Menu File 5

Context Menu #15

Open

File Properties Menu

Right-click

Project brief.pdf

Right click on file

Context Menu Standard 1

Context Menu #16

Open

Simple Context Menu

Right-click
Right click here

Context Menu Standard 2

Context Menu #17

Open

Context Menu with Icons and Shortcuts

Right-click
Right click here

Context Menu Standard 3

Context Menu #18

Open

Context Menu with Separators

Right-click
Right click here

Context Menu Standard 4

Context Menu #19

Open

Context Menu with Labels

Right-click
Right click here

Context Menu Standard 5

Context Menu #20

Open

Context Menu with Checkboxes

Right-click
Right click here

Context Menu Canvas 1

Context Menu #21

Open

Layer Arrange Menu

Right-click
Layer Arrange Menu

Context Menu Canvas 2

Context Menu #22

Open

Align and Distribute Menu

Right-click
Align and Distribute Menu

Context Menu Canvas 3

Context Menu #23

Open

Group and Lock Menu

Right-click
Group and Lock Menu

Context Menu Canvas 4

Context Menu #24

Open

Layer Management Menu

Right-click
Layer Management Menu

Context Menu Canvas 5

Context Menu #25

Open

Transform Menu

Right-click
Transform Menu

Context Menu File 1

Context Menu #26

Open

File Operations Menu

Right-click

Project brief.pdf

Right click on file

Context Menu File 2

Context Menu #27

Open

Copy and Move Menu

Right-click

Project brief.pdf

Right click on file

Data Table Standard 2

Data Table #1

Open

Data Table Standard 2

Pure Astro data table example generated from category metadata.

AnalyticsBillingSecurity

Data Table Standard 3

Data Table #2

Open

Data Table Standard 3

Pure Astro data table example generated from category metadata.

AnalyticsBillingSecurity

Data Table Standard 4

Data Table #3

Open

Data Table Standard 4

Pure Astro data table example generated from category metadata.

AnalyticsBillingSecurity

Data Table Advanced 2

Data Table #4

Open

Data Table Advanced 2

Pure Astro data table example generated from category metadata.

AnalyticsBillingSecurity

Data Table Advanced 3

Data Table #5

Open

Data Table Advanced 3

Pure Astro data table example generated from category metadata.

AnalyticsBillingSecurity

Data Table Advanced 4

Data Table #6

Open

Data Table Advanced 4

Pure Astro data table example generated from category metadata.

AnalyticsBillingSecurity

Data Table Standard 1

Data Table #7

Open

Data Table Standard 1

Pure Astro data table example generated from category metadata.

AnalyticsBillingSecurity

Data Table Advanced 1

Data Table #8

Open

Data Table Advanced 1

Pure Astro data table example generated from category metadata.

AnalyticsBillingSecurity

Date Picker Standard 8

Date Picker #1

Open
AnalyticsBillingSecurity

Date Picker Standard 3

Date Picker #2

Open
AnalyticsBillingSecurity

Date Picker Standard 4

Date Picker #3

Open
AnalyticsBillingSecurity

Date Picker Standard 5

Date Picker #4

Open
AnalyticsBillingSecurity

Date Picker Standard 6

Date Picker #5

Open
AnalyticsBillingSecurity

Date Picker Standard 7

Date Picker #6

Open
AnalyticsBillingSecurity

Date Picker Standard 1

Date Picker #7

Open
AnalyticsBillingSecurity

Date Picker Standard 2

Date Picker #8

Open
AnalyticsBillingSecurity

Dialog Standard 8

Dialog #1

Open

Dialog Standard 8

Static Astro markup mirrors the layout state without requiring a client framework.

Dialog Standard 9

Dialog #2

Open

Dialog Standard 9

Static Astro markup mirrors the layout state without requiring a client framework.

Dialog Standard 3

Dialog #3

Open

Dialog Standard 3

Static Astro markup mirrors the layout state without requiring a client framework.

Dialog Standard 4

Dialog #4

Open

Dialog Standard 4

Static Astro markup mirrors the layout state without requiring a client framework.

Dialog Standard 5

Dialog #5

Open

Dialog Standard 5

Static Astro markup mirrors the layout state without requiring a client framework.

Dialog Standard 6

Dialog #6

Open

Dialog Standard 6

Static Astro markup mirrors the layout state without requiring a client framework.

Dialog Standard 7

Dialog #7

Open

Dialog Standard 7

Static Astro markup mirrors the layout state without requiring a client framework.

Dialog Standard 14

Dialog #8

Open

Dialog Standard 14

Static Astro markup mirrors the layout state without requiring a client framework.

Dialog Standard 15

Dialog #9

Open

Dialog Standard 15

Static Astro markup mirrors the layout state without requiring a client framework.

Dialog Standard 16

Dialog #10

Open

Dialog Standard 16

Static Astro markup mirrors the layout state without requiring a client framework.

Dialog Standard 17

Dialog #11

Open

Dialog Standard 17

Static Astro markup mirrors the layout state without requiring a client framework.

Dialog Standard 2

Dialog #12

Open

Dialog Standard 2

Static Astro markup mirrors the layout state without requiring a client framework.

Dialog Standard 1

Dialog #13

Open

Dialog Standard 1

Static Astro markup mirrors the layout state without requiring a client framework.

Dialog Standard 10

Dialog #14

Open

Dialog Standard 10

Static Astro markup mirrors the layout state without requiring a client framework.

Dialog Standard 11

Dialog #15

Open

Dialog Standard 11

Static Astro markup mirrors the layout state without requiring a client framework.

Dialog Standard 12

Dialog #16

Open

Dialog Standard 12

Static Astro markup mirrors the layout state without requiring a client framework.

Dialog Standard 13

Dialog #17

Open

Dialog Standard 13

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Right 5

Drawer #1

Open

Drawer Right 5

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Top 1

Drawer #2

Open

Drawer Top 1

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Top 2

Drawer #3

Open

Drawer Top 2

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Top 3

Drawer #4

Open

Drawer Top 3

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Top 4

Drawer #5

Open

Drawer Top 4

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Top 5

Drawer #6

Open

Drawer Top 5

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Left 5

Drawer #7

Open

Drawer Left 5

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Right 1

Drawer #8

Open

Drawer Right 1

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Right 2

Drawer #9

Open

Drawer Right 2

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Right 3

Drawer #10

Open

Drawer Right 3

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Right 4

Drawer #11

Open

Drawer Right 4

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Bottom 7

Drawer #12

Open

Drawer Bottom 7

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Left 1

Drawer #13

Open

Drawer Left 1

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Left 2

Drawer #14

Open

Drawer Left 2

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Left 3

Drawer #15

Open

Drawer Left 3

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Left 4

Drawer #16

Open

Drawer Left 4

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Bottom 3

Drawer #17

Open

Drawer Bottom 3

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Bottom 4

Drawer #18

Open

Drawer Bottom 4

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Bottom 5

Drawer #19

Open

Drawer Bottom 5

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Bottom 6

Drawer #20

Open

Drawer Bottom 6

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Bottom 1

Drawer #21

Open

Drawer Bottom 1

Static Astro markup mirrors the layout state without requiring a client framework.

Drawer Bottom 2

Drawer #22

Open

Drawer Bottom 2

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Standard 6

Dropdown Menu #1

Open

Dropdown Menu Standard 6

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Standard 7

Dropdown Menu #2

Open

Dropdown Menu Standard 7

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Support 1

Dropdown Menu #3

Open

Dropdown Menu Support 1

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Support 2

Dropdown Menu #4

Open

Dropdown Menu Support 2

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Support 3

Dropdown Menu #5

Open

Dropdown Menu Support 3

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Standard 2

Dropdown Menu #6

Open

Dropdown Menu Standard 2

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Standard 3

Dropdown Menu #7

Open

Dropdown Menu Standard 3

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Standard 4

Dropdown Menu #8

Open

Dropdown Menu Standard 4

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Standard 5

Dropdown Menu #9

Open

Dropdown Menu Standard 5

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Settings 1

Dropdown Menu #10

Open

Dropdown Menu Settings 1

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Settings 2

Dropdown Menu #11

Open

Dropdown Menu Settings 2

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Settings 3

Dropdown Menu #12

Open

Dropdown Menu Settings 3

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Settings 4

Dropdown Menu #13

Open

Dropdown Menu Settings 4

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Settings 5

Dropdown Menu #14

Open

Dropdown Menu Settings 5

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Standard 1

Dropdown Menu #15

Open

Dropdown Menu Standard 1

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Editor 5

Dropdown Menu #16

Open

Dropdown Menu Editor 5

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Profile 1

Dropdown Menu #17

Open

Dropdown Menu Profile 1

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Profile 2

Dropdown Menu #18

Open

Dropdown Menu Profile 2

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Profile 3

Dropdown Menu #19

Open

Dropdown Menu Profile 3

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Profile 4

Dropdown Menu #20

Open

Dropdown Menu Profile 4

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Profile 5

Dropdown Menu #21

Open

Dropdown Menu Profile 5

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Actions 5

Dropdown Menu #22

Open

Dropdown Menu Actions 5

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Editor 1

Dropdown Menu #23

Open

Dropdown Menu Editor 1

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Editor 2

Dropdown Menu #24

Open

Dropdown Menu Editor 2

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Editor 3

Dropdown Menu #25

Open

Dropdown Menu Editor 3

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Editor 4

Dropdown Menu #26

Open

Dropdown Menu Editor 4

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Actions 1

Dropdown Menu #27

Open

Dropdown Menu Actions 1

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Actions 2

Dropdown Menu #28

Open

Dropdown Menu Actions 2

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Actions 3

Dropdown Menu #29

Open

Dropdown Menu Actions 3

Static Astro markup mirrors the layout state without requiring a client framework.

Dropdown Menu Actions 4

Dropdown Menu #30

Open

Dropdown Menu Actions 4

Static Astro markup mirrors the layout state without requiring a client framework.

Emoji Picker Different Variants

Emoji Picker #1

Open

Emoji Picker Different Variants

Pure Astro emoji picker example generated from category metadata.

AnalyticsBillingSecurity

Emoji Picker Text Trigger

Emoji Picker #2

Open

Emoji Picker Text Trigger

Pure Astro emoji picker example generated from category metadata.

AnalyticsBillingSecurity

Emoji Picker With Display

Emoji Picker #3

Open

Emoji Picker With Display

Pure Astro emoji picker example generated from category metadata.

AnalyticsBillingSecurity

Emoji Picker Custom Trigger

Emoji Picker #4

Open

Emoji Picker Custom Trigger

Pure Astro emoji picker example generated from category metadata.

AnalyticsBillingSecurity

Emoji Picker Basic

Emoji Picker #5

Open

Emoji Picker Basic

Pure Astro emoji picker example generated from category metadata.

AnalyticsBillingSecurity

Empty Standard 6

Empty #1

Open

Empty Standard 6

A compact empty pattern with semantic structure and no client framework.

Empty Standard 7

Empty #2

Open

Empty Standard 7

A compact empty pattern with semantic structure and no client framework.

Empty Standard 2

Empty #3

Open

Empty Standard 2

A compact empty pattern with semantic structure and no client framework.

Empty Standard 3

Empty #4

Open

Empty Standard 3

A compact empty pattern with semantic structure and no client framework.

Empty Standard 4

Empty #5

Open

Empty Standard 4

A compact empty pattern with semantic structure and no client framework.

Empty Standard 5

Empty #6

Open

Empty Standard 5

A compact empty pattern with semantic structure and no client framework.

Empty Search 2

Empty #7

Open

Empty Search 2

A compact empty pattern with semantic structure and no client framework.

Empty Search 3

Empty #8

Open

Empty Search 3

A compact empty pattern with semantic structure and no client framework.

Empty Search 4

Empty #9

Open

Empty Search 4

A compact empty pattern with semantic structure and no client framework.

Empty Search 5

Empty #10

Open

Empty Search 5

A compact empty pattern with semantic structure and no client framework.

Empty Standard 1

Empty #11

Open

Empty Standard 1

A compact empty pattern with semantic structure and no client framework.

Empty Data 1

Empty #12

Open

Empty Data 1

A compact empty pattern with semantic structure and no client framework.

Empty Data 2

Empty #13

Open

Empty Data 2

A compact empty pattern with semantic structure and no client framework.

Empty Data 3

Empty #14

Open

Empty Data 3

A compact empty pattern with semantic structure and no client framework.

Empty Data 4

Empty #15

Open

Empty Data 4

A compact empty pattern with semantic structure and no client framework.

Empty Data 5

Empty #16

Open

Empty Data 5

A compact empty pattern with semantic structure and no client framework.

Empty Search 1

Empty #17

Open

Empty Search 1

A compact empty pattern with semantic structure and no client framework.

Empty Actions 1

Empty #18

Open

Empty Actions 1

A compact empty pattern with semantic structure and no client framework.

Empty Actions 2

Empty #19

Open

Empty Actions 2

A compact empty pattern with semantic structure and no client framework.

Empty Actions 3

Empty #20

Open

Empty Actions 3

A compact empty pattern with semantic structure and no client framework.

Empty Actions 4

Empty #21

Open

Empty Actions 4

A compact empty pattern with semantic structure and no client framework.

Empty Actions 5

Empty #22

Open

Empty Actions 5

A compact empty pattern with semantic structure and no client framework.

Field Toggles 3

Field #1

Open
AnalyticsBillingSecurity

Field Toggles 4

Field #2

Open
AnalyticsBillingSecurity

Field Toggles 5

Field #3

Open
AnalyticsBillingSecurity

Field Toggles 6

Field #4

Open
AnalyticsBillingSecurity

Field Toggles 7

Field #5

Open
AnalyticsBillingSecurity

Field Text Areas 3

Field #6

Open
AnalyticsBillingSecurity

Field Text Areas 4

Field #7

Open
AnalyticsBillingSecurity

Field Text Areas 5

Field #8

Open
AnalyticsBillingSecurity

Field Text Areas 6

Field #9

Open
AnalyticsBillingSecurity

Field Toggles 1

Field #10

Open
AnalyticsBillingSecurity

Field Toggles 2

Field #11

Open
AnalyticsBillingSecurity

Field Selects 3

Field #12

Open
AnalyticsBillingSecurity

Field Selects 4

Field #13

Open
AnalyticsBillingSecurity

Field Selects 5

Field #14

Open
AnalyticsBillingSecurity

Field Selects 6

Field #15

Open
AnalyticsBillingSecurity

Field Selects 7

Field #16

Open
AnalyticsBillingSecurity

Field Text Areas 1

Field #17

Open
AnalyticsBillingSecurity

Field Text Areas 2

Field #18

Open
AnalyticsBillingSecurity

Field Layouts 3

Field #19

Open
AnalyticsBillingSecurity

Field Layouts 4

Field #20

Open
AnalyticsBillingSecurity

Field Layouts 5

Field #21

Open
AnalyticsBillingSecurity

Field Layouts 6

Field #22

Open
AnalyticsBillingSecurity

Field Selects 1

Field #23

Open
AnalyticsBillingSecurity

Field Selects 2

Field #24

Open
AnalyticsBillingSecurity

Field Basic Inputs 2

Field #25

Open
AnalyticsBillingSecurity

Field Basic Inputs 3

Field #26

Open
AnalyticsBillingSecurity

Field Basic Inputs 4

Field #27

Open
AnalyticsBillingSecurity

Field Basic Inputs 5

Field #28

Open
AnalyticsBillingSecurity

Field Layouts 1

Field #29

Open
AnalyticsBillingSecurity

Field Layouts 2

Field #30

Open
AnalyticsBillingSecurity

Field Advanced 3

Field #31

Open
AnalyticsBillingSecurity

Field Advanced 4

Field #32

Open
AnalyticsBillingSecurity

Field Advanced 5

Field #33

Open
AnalyticsBillingSecurity

Field Advanced 6

Field #34

Open
AnalyticsBillingSecurity

Field Advanced 7

Field #35

Open
AnalyticsBillingSecurity

Field Basic Inputs 1

Field #36

Open
AnalyticsBillingSecurity

Field Advanced 1

Field #37

Open
AnalyticsBillingSecurity

Field Advanced 2

Field #38

Open
AnalyticsBillingSecurity

File Upload Dropzone 1 - Basic Dropzone

File Upload #1

Open
AnalyticsBillingSecurity

File Upload Dropzone 2 - Dropzone with Inline Trigger

File Upload #2

Open
AnalyticsBillingSecurity

File Upload Dropzone 3 - Compact Dropzone

File Upload #3

Open
AnalyticsBillingSecurity

File Upload Dropzone 4 - Image Dropzone

File Upload #4

Open
AnalyticsBillingSecurity

File Upload Dropzone 5 - Document Dropzone

File Upload #5

Open
AnalyticsBillingSecurity

File Upload Dropzone 6 - Large Dropzone

File Upload #6

Open
AnalyticsBillingSecurity

File Upload Form 1 - Native Form Integration

File Upload #7

Open
AnalyticsBillingSecurity

File Upload Form 2 - Contact Form with Attachments

File Upload #8

Open
AnalyticsBillingSecurity

File Upload Form 3 - Required File Upload

File Upload #9

Open
AnalyticsBillingSecurity

File Upload Form 4 - Multiple File Upload Fields

File Upload #10

Open
AnalyticsBillingSecurity

File Upload List 1 - Vertical File List

File Upload #11

Open
AnalyticsBillingSecurity

File Upload List 2 - Horizontal File List

File Upload #12

Open
AnalyticsBillingSecurity

File Upload List 3 - Compact File List

File Upload #13

Open
AnalyticsBillingSecurity

File Upload List 4 - File List with Actions

File Upload #14

Open
AnalyticsBillingSecurity

File Upload List 5 - File List with Clear All

File Upload #15

Open
AnalyticsBillingSecurity

File Upload Preview 1 - Image Thumbnails

File Upload #16

Open
AnalyticsBillingSecurity

File Upload Preview 2 - Grid Preview Layout

File Upload #17

Open
AnalyticsBillingSecurity

File Upload Preview 3 - Large Preview Modal

File Upload #18

Open
AnalyticsBillingSecurity

File Upload Preview 4 - File Type Icons

File Upload #19

Open
AnalyticsBillingSecurity

File Upload Preview 5 - Horizontal Scroll Preview

File Upload #20

Open
AnalyticsBillingSecurity

File Upload Progress 1 - Linear Progress

File Upload #21

Open
AnalyticsBillingSecurity

File Upload Progress 2 - Circular Progress

File Upload #22

Open
AnalyticsBillingSecurity

File Upload Progress 3 - Fill Progress

File Upload #23

Open
AnalyticsBillingSecurity

File Upload Progress 4 - Progress with Percentage

File Upload #24

Open
AnalyticsBillingSecurity

File Upload Progress 5 - Upload Status Indicator

File Upload #25

Open
AnalyticsBillingSecurity

File Upload Special 1 - Avatar Upload

File Upload #26

Open
AnalyticsBillingSecurity

File Upload Special 2 - Chat Input with Attachments

File Upload #27

Open
AnalyticsBillingSecurity

File Upload Special 3 - Cover Image Upload

File Upload #28

Open
AnalyticsBillingSecurity

File Upload Special 4 - Document Upload Card

File Upload #29

Open
AnalyticsBillingSecurity

File Upload Special 5 - Avatar with Menu

File Upload #30

Open
AnalyticsBillingSecurity

File Upload Special 6 - Gallery Image Add

File Upload #31

Open
AnalyticsBillingSecurity

File Upload Special 7 - Direct Upload with Status

File Upload #32

Open
AnalyticsBillingSecurity

File Upload Special 8 - Profile with Cover and Avatar

File Upload #33

Open
AnalyticsBillingSecurity

File Upload Standard 1 - Simple Button Trigger

File Upload #34

Open
AnalyticsBillingSecurity

File Upload Standard 2 - File Upload with Label

File Upload #35

Open
AnalyticsBillingSecurity

File Upload Standard 3 - Single File Upload

File Upload #36

Open
AnalyticsBillingSecurity

File Upload Standard 4 - Multiple Files with Clear All

File Upload #37

Open
AnalyticsBillingSecurity

File Upload Standard 5 - Disabled State

File Upload #38

Open
AnalyticsBillingSecurity

File Upload Validation 1 - Images Only

File Upload #39

Open
AnalyticsBillingSecurity

File Upload Validation 2 - PDF Documents Only

File Upload #40

Open
AnalyticsBillingSecurity

File Upload Validation 3 - File Size Limit

File Upload #41

Open
AnalyticsBillingSecurity

File Upload Validation 4 - Max 2 Files

File Upload #42

Open
AnalyticsBillingSecurity

File Upload Validation 5 - Custom Validation

File Upload #43

Open
AnalyticsBillingSecurity

File Upload Validation 6 - Video Files Only

File Upload #44

Open
AnalyticsBillingSecurity

Emoji Picker In Form

Form #1

Open

Emoji Picker In Form

Pure Astro emoji picker example generated from category metadata.

AnalyticsBillingSecurity

Textarea Form 5

Form #2

Open
AnalyticsBillingSecurity

Textarea Form 4

Form #3

Open
AnalyticsBillingSecurity

Textarea Form 3

Form #4

Open
AnalyticsBillingSecurity

Textarea Form 2

Form #5

Open
AnalyticsBillingSecurity

Textarea Form 1

Form #6

Open
AnalyticsBillingSecurity

Skeleton Form 3

Form #7

Open

Skeleton Form 3

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Form 4

Form #8

Open

Skeleton Form 4

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Form 5

Form #9

Open

Skeleton Form 5

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Form 1

Form #10

Open

Skeleton Form 1

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Form 2

Form #11

Open

Skeleton Form 2

A compact skeleton pattern with semantic structure and no client framework.

Sheet Form 1

Form #12

Open

Sheet Form 1

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Form 2

Form #13

Open

Sheet Form 2

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Form 3

Form #14

Open

Sheet Form 3

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Form 4

Form #15

Open

Sheet Form 4

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Form 5

Form #16

Open

Sheet Form 5

Static Astro markup mirrors the layout state without requiring a client framework.

Radio Group Form 1

Form #17

Open
Radio Group Form 1

Radio Group Form 2

Form #18

Open
Radio Group Form 2

Kbd Platform Specific 4

Form #19

Open

Kbd Platform Specific 4

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Platform Specific 5

Form #20

Open

Kbd Platform Specific 5

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Platform Specific 1

Form #21

Open

Kbd Platform Specific 1

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Platform Specific 2

Form #22

Open

Kbd Platform Specific 2

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Platform Specific 3

Form #23

Open

Kbd Platform Specific 3

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Form Validation 5

Form #24

Open
AnalyticsBillingSecurity

Form Validation 6

Form #25

Open
AnalyticsBillingSecurity

Form Validation 7

Form #26

Open
AnalyticsBillingSecurity

Form Validation 2

Form #27

Open
AnalyticsBillingSecurity

Form Validation 3

Form #28

Open
AnalyticsBillingSecurity

Form Validation 4

Form #29

Open
AnalyticsBillingSecurity

Form Patterns 6

Form #30

Open
AnalyticsBillingSecurity

Form Patterns 7

Form #31

Open
AnalyticsBillingSecurity

Form Validation 1

Form #32

Open
AnalyticsBillingSecurity

Form Patterns 2

Form #33

Open
AnalyticsBillingSecurity

Form Patterns 3

Form #34

Open
AnalyticsBillingSecurity

Form Patterns 4

Form #35

Open
AnalyticsBillingSecurity

Form Patterns 5

Form #36

Open
AnalyticsBillingSecurity

Form Multi Field 6

Form #37

Open
AnalyticsBillingSecurity

Form Multi Field 7

Form #38

Open
AnalyticsBillingSecurity

Form Patterns 1

Form #39

Open
AnalyticsBillingSecurity

Form Multi Field 5

Form #40

Open
AnalyticsBillingSecurity

Form Multi Field 4

Form #41

Open
AnalyticsBillingSecurity

Form Layouts 5

Form #42

Open
AnalyticsBillingSecurity

Form Layouts 6

Form #43

Open
AnalyticsBillingSecurity

Form Layouts 7

Form #44

Open
AnalyticsBillingSecurity

Form Multi Field 1

Form #45

Open
AnalyticsBillingSecurity

Form Multi Field 2

Form #46

Open
AnalyticsBillingSecurity

Form Multi Field 3

Form #47

Open
AnalyticsBillingSecurity

Form Basic Forms 6

Form #48

Open
AnalyticsBillingSecurity

Form Basic Forms 7

Form #49

Open
AnalyticsBillingSecurity

Form Layouts 1

Form #50

Open
AnalyticsBillingSecurity

Form Layouts 2

Form #51

Open
AnalyticsBillingSecurity

Form Layouts 3

Form #52

Open
AnalyticsBillingSecurity

Form Layouts 4

Form #53

Open
AnalyticsBillingSecurity

Form Basic Forms 1

Form #54

Open
AnalyticsBillingSecurity

Form Basic Forms 2

Form #55

Open
AnalyticsBillingSecurity

Form Basic Forms 3

Form #56

Open
AnalyticsBillingSecurity

Form Basic Forms 4

Form #57

Open
AnalyticsBillingSecurity

Form Basic Forms 5

Form #58

Open
AnalyticsBillingSecurity

Form Advanced 2

Form #59

Open
AnalyticsBillingSecurity

Form Advanced 3

Form #60

Open
AnalyticsBillingSecurity

Form Advanced 4

Form #61

Open
AnalyticsBillingSecurity

Form Advanced 5

Form #62

Open
AnalyticsBillingSecurity

Form Advanced 6

Form #63

Open
AnalyticsBillingSecurity

Form Advanced 7

Form #64

Open
AnalyticsBillingSecurity

Form Advanced 1

Form #65

Open
AnalyticsBillingSecurity

Chart Tooltip Label Formatter

Form #66

Open

Chart Tooltip Label Formatter

Pure Astro chart example generated from category metadata.

AnalyticsBillingSecurity

Chart Tooltip Formatter

Form #67

Open

Chart Tooltip Formatter

Pure Astro chart example generated from category metadata.

AnalyticsBillingSecurity

Button Group Forms 3

Form #68

Open

Button Group Forms 3

Pure Astro button group example generated from category metadata.

AnalyticsBillingSecurity

Button Group Forms 4

Form #69

Open

Button Group Forms 4

Pure Astro button group example generated from category metadata.

AnalyticsBillingSecurity

Button Group Forms 1

Form #70

Open

Button Group Forms 1

Pure Astro button group example generated from category metadata.

AnalyticsBillingSecurity

Button Group Forms 2

Form #71

Open

Button Group Forms 2

Pure Astro button group example generated from category metadata.

AnalyticsBillingSecurity

Alert Dialog Informational 7

Form #72

Open

New in Version 2.0

Check out the latest features and improvements:

Dark Mode

Toggle between light and dark themes

Improved Performance

Up to 50% faster load times

New Integrations

Connect with your favorite tools

Alert Dialog Informational 2

Form #73

Open

New Features Available

We've added new collaboration features to help your team work more efficiently. Check out the what's new page to learn more.

Alert Dialog Informational 1

Form #74

Open

System Update

A new system update is available. The update will be installed during the next maintenance window.

Alert Dialog Form 7

Form #75

Open

Notification Preferences

Choose which notifications you want to receive.

Receive email updates about your account activity

Get push notifications on your devices

Receive important alerts via text message

Alert Dialog Informational 3

Form #76

Open

Privacy Policy Update

We have updated our privacy policy to provide you with greater transparency about how we collect, use, and protect your data.



Key changes include:
  • Enhanced data encryption standards
  • Improved cookie management options
  • Clearer data retention policies
  • Expanded user rights and controls
  • Updated third-party data sharing guidelines


Please review the full policy in your account settings. By continuing to use our service, you agree to these updated terms.

Alert Dialog Informational 4

Form #77

Open

Stay Updated

Enable notifications to stay informed about important updates, new messages, and team activities.

Alert Dialog Informational 5

Form #78

Open

Pro Tip

Use keyboard shortcuts to navigate faster. Press Cmd+K to open the command palette.

Alert Dialog Informational 6

Form #79

Open

Scheduled Maintenance

Upcoming

We'll be performing scheduled maintenance on Sunday, March 15th from 2:00 AM - 4:00 AM EST. During this time, the service may be temporarily unavailable.

Alert Dialog Form 1

Form #80

Open

Rename Project

Enter a new name for your project.

Alert Dialog Form 2

Form #81

Open

Send Feedback

Help us improve by sharing your thoughts.

Alert Dialog Form 3

Form #82

Open

Invite Team Member

Add a new member to your team with a specific role.

Alert Dialog Form 4

Form #83

Open

Create API Key

Give your API key a descriptive name to help you identify it later.

Use a name that describes where this key will be used.

Alert Dialog Form 5

Form #84

Open

Transfer Project

Type the project name to confirm the transfer.

Project name does not match

Alert Dialog Form 6

Form #85

Open

Export Format

Choose the format you want to export your data in.

Hover Card Stats 3

Hover Card #1

Open

Hover Card Stats 3

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Stats 4

Hover Card #2

Open

Hover Card Stats 4

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Stats 5

Hover Card #3

Open

Hover Card Stats 5

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Profile 2

Hover Card #4

Open

Hover Card Profile 2

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Profile 3

Hover Card #5

Open

Hover Card Profile 3

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Profile 4

Hover Card #6

Open

Hover Card Profile 4

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Profile 5

Hover Card #7

Open

Hover Card Profile 5

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Stats 1

Hover Card #8

Open

Hover Card Stats 1

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Stats 2

Hover Card #9

Open

Hover Card Stats 2

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Preview 1

Hover Card #10

Open

Hover Card Preview 1

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Preview 2

Hover Card #11

Open

Hover Card Preview 2

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Preview 3

Hover Card #12

Open

Hover Card Preview 3

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Preview 4

Hover Card #13

Open

Hover Card Preview 4

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Preview 5

Hover Card #14

Open

Hover Card Preview 5

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Profile 1

Hover Card #15

Open

Hover Card Profile 1

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Info 1

Hover Card #16

Open

Hover Card Info 1

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Info 2

Hover Card #17

Open

Hover Card Info 2

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Info 3

Hover Card #18

Open

Hover Card Info 3

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Info 4

Hover Card #19

Open

Hover Card Info 4

Static Astro markup mirrors the layout state without requiring a client framework.

Hover Card Info 5

Hover Card #20

Open

Hover Card Info 5

Static Astro markup mirrors the layout state without requiring a client framework.

Input Validation 2

Input #1

Open
AnalyticsBillingSecurity

Input Validation 3

Input #2

Open
AnalyticsBillingSecurity

Input Validation 4

Input #3

Open
AnalyticsBillingSecurity

Input Validation 5

Input #4

Open
AnalyticsBillingSecurity

Input Types 5

Input #5

Open
AnalyticsBillingSecurity

Input Types 6

Input #6

Open
AnalyticsBillingSecurity

Input Types 7

Input #7

Open
AnalyticsBillingSecurity

Input Validation 1

Input #8

Open
AnalyticsBillingSecurity

Input Types 2

Input #9

Open
AnalyticsBillingSecurity

Input Types 3

Input #10

Open
AnalyticsBillingSecurity

Input Types 4

Input #11

Open
AnalyticsBillingSecurity

Input Standard 5

Input #12

Open
AnalyticsBillingSecurity

Input Standard 6

Input #13

Open
AnalyticsBillingSecurity

Input Standard 7

Input #14

Open
AnalyticsBillingSecurity

Input Types 1

Input #15

Open
AnalyticsBillingSecurity

Input Special 4

Input #16

Open
AnalyticsBillingSecurity

Input Special 5

Input #17

Open
AnalyticsBillingSecurity

Input Standard 1

Input #18

Open
AnalyticsBillingSecurity

Input Standard 2

Input #19

Open
AnalyticsBillingSecurity

Input Standard 3

Input #20

Open
AnalyticsBillingSecurity

Input Standard 4

Input #21

Open
AnalyticsBillingSecurity

Input Special 1

Input #22

Open
AnalyticsBillingSecurity

Input Special 2

Input #23

Open
AnalyticsBillingSecurity

Input Special 3

Input #24

Open
AnalyticsBillingSecurity

Input Group Textarea 2

Input Group #1

Open
AnalyticsBillingSecurity

Input Group Textarea 3

Input Group #2

Open
AnalyticsBillingSecurity

Input Group Textarea 4

Input Group #3

Open
AnalyticsBillingSecurity

Input Group Tooltip 1

Input Group #4

Open
AnalyticsBillingSecurity

Input Group Tooltip 2

Input Group #5

Open
AnalyticsBillingSecurity

Input Group Tooltip 3

Input Group #6

Open
AnalyticsBillingSecurity

Input Group Text 1

Input Group #7

Open
AnalyticsBillingSecurity

Input Group Text 2

Input Group #8

Open
AnalyticsBillingSecurity

Input Group Text 3

Input Group #9

Open
AnalyticsBillingSecurity

Input Group Text 4

Input Group #10

Open
AnalyticsBillingSecurity

Input Group Textarea 1

Input Group #11

Open
AnalyticsBillingSecurity

Input Group Spinner 1

Input Group #12

Open
AnalyticsBillingSecurity

Input Group Spinner 2

Input Group #13

Open
AnalyticsBillingSecurity

Input Group Spinner 3

Input Group #14

Open
AnalyticsBillingSecurity

Input Group Spinner 4

Input Group #15

Open
AnalyticsBillingSecurity

Input Group Icons 4

Input Group #16

Open
AnalyticsBillingSecurity

Input Group Label 1

Input Group #17

Open
AnalyticsBillingSecurity

Input Group Label 2

Input Group #18

Open
AnalyticsBillingSecurity

Input Group Label 3

Input Group #19

Open
AnalyticsBillingSecurity

Input Group Label 4

Input Group #20

Open
AnalyticsBillingSecurity

Input Group Icons 2

Input Group #21

Open
AnalyticsBillingSecurity

Input Group Icons 3

Input Group #22

Open
AnalyticsBillingSecurity

Input Group Dropdown 3

Input Group #23

Open
AnalyticsBillingSecurity

Input Group Dropdown 4

Input Group #24

Open
AnalyticsBillingSecurity

Input Group Icons 1

Input Group #25

Open
AnalyticsBillingSecurity

Input Group Custom 2

Input Group #26

Open
AnalyticsBillingSecurity

Input Group Custom 3

Input Group #27

Open
AnalyticsBillingSecurity

Input Group Custom 4

Input Group #28

Open
AnalyticsBillingSecurity

Input Group Dropdown 1

Input Group #29

Open
AnalyticsBillingSecurity

Input Group Dropdown 2

Input Group #30

Open
AnalyticsBillingSecurity

Input Group Buttons 2

Input Group #31

Open
AnalyticsBillingSecurity

Input Group Buttons 3

Input Group #32

Open
AnalyticsBillingSecurity

Input Group Buttons 4

Input Group #33

Open
AnalyticsBillingSecurity

Input Group Custom 1

Input Group #34

Open
AnalyticsBillingSecurity

Input Group Ai 1

Input Group #35

Open
AnalyticsBillingSecurity

Input Group Ai 2

Input Group #36

Open
AnalyticsBillingSecurity

Input Group Ai 3

Input Group #37

Open
AnalyticsBillingSecurity

Input Group Ai 4

Input Group #38

Open
AnalyticsBillingSecurity

Input Group Buttons 1

Input Group #39

Open
AnalyticsBillingSecurity

Input Otp Use Cases 3

Input OTP #1

Open
AnalyticsBillingSecurity

Input Otp Use Cases 4

Input OTP #2

Open
AnalyticsBillingSecurity

Input Otp Variants 1

Input OTP #3

Open
AnalyticsBillingSecurity

Input Otp Variants 2

Input OTP #4

Open
AnalyticsBillingSecurity

Input Otp Variants 3

Input OTP #5

Open
AnalyticsBillingSecurity

Input Otp States 3

Input OTP #6

Open
AnalyticsBillingSecurity

Input Otp States 4

Input OTP #7

Open
AnalyticsBillingSecurity

Input Otp Use Cases 1

Input OTP #8

Open
AnalyticsBillingSecurity

Input Otp Use Cases 2

Input OTP #9

Open
AnalyticsBillingSecurity

Input Otp Standard 3

Input OTP #10

Open
AnalyticsBillingSecurity

Input Otp Standard 4

Input OTP #11

Open
AnalyticsBillingSecurity

Input Otp Standard 5

Input OTP #12

Open
AnalyticsBillingSecurity

Input Otp States 1

Input OTP #13

Open
AnalyticsBillingSecurity

Input Otp States 2

Input OTP #14

Open
AnalyticsBillingSecurity

Input Otp Behavior 1

Input OTP #15

Open
AnalyticsBillingSecurity

Input Otp Behavior 2

Input OTP #16

Open
AnalyticsBillingSecurity

Input Otp Behavior 3

Input OTP #17

Open
AnalyticsBillingSecurity

Input Otp Behavior 4

Input OTP #18

Open
AnalyticsBillingSecurity

Input Otp Standard 1

Input OTP #19

Open
AnalyticsBillingSecurity

Input Otp Standard 2

Input OTP #20

Open
AnalyticsBillingSecurity

Item Standard 1

Item #1

Open

Item Standard 1

Pure Astro item example generated from category metadata.

AnalyticsBillingSecurity

Item Standard 2

Item #2

Open

Item Standard 2

Pure Astro item example generated from category metadata.

AnalyticsBillingSecurity

Item Interactive 2

Item #3

Open

Item Interactive 2

Pure Astro item example generated from category metadata.

AnalyticsBillingSecurity

Item Layout 1

Item #4

Open

Item Layout 1

Pure Astro item example generated from category metadata.

AnalyticsBillingSecurity

Item Layout 2

Item #5

Open

Item Layout 2

Pure Astro item example generated from category metadata.

AnalyticsBillingSecurity

Item Layout 3

Item #6

Open

Item Layout 3

Pure Astro item example generated from category metadata.

AnalyticsBillingSecurity

Item Media 1

Item #7

Open

Item Media 1

Pure Astro item example generated from category metadata.

AnalyticsBillingSecurity

Item Media 2

Item #8

Open

Item Media 2

Pure Astro item example generated from category metadata.

AnalyticsBillingSecurity

Item Media 3

Item #9

Open

Item Media 3

Pure Astro item example generated from category metadata.

AnalyticsBillingSecurity

Item Interactive 1

Item #10

Open

Item Interactive 1

Pure Astro item example generated from category metadata.

AnalyticsBillingSecurity

Kbd With Icons 3

Kbd #1

Open

Kbd With Icons 3

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd With Icons 2

Kbd #2

Open

Kbd With Icons 2

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd With Icons 4

Kbd #3

Open

Kbd With Icons 4

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd With Icons 5

Kbd #4

Open

Kbd With Icons 5

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Sizes 2

Kbd #5

Open

Kbd Sizes 2

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Sizes 3

Kbd #6

Open

Kbd Sizes 3

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Sizes 4

Kbd #7

Open

Kbd Sizes 4

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Sizes 5

Kbd #8

Open

Kbd Sizes 5

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd With Icons 1

Kbd #9

Open

Kbd With Icons 1

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Sequence 4

Kbd #10

Open

Kbd Sequence 4

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Shortcut 1

Kbd #11

Open

Kbd Shortcut 1

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Shortcut 2

Kbd #12

Open

Kbd Shortcut 2

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Shortcut 3

Kbd #13

Open

Kbd Shortcut 3

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Shortcut 4

Kbd #14

Open

Kbd Shortcut 4

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Shortcut 5

Kbd #15

Open

Kbd Shortcut 5

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Sizes 1

Kbd #16

Open

Kbd Sizes 1

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Pressed State 4

Kbd #17

Open

Kbd Pressed State 4

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Pressed State 5

Kbd #18

Open

Kbd Pressed State 5

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Sequence 1

Kbd #19

Open

Kbd Sequence 1

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Sequence 2

Kbd #20

Open

Kbd Sequence 2

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Sequence 3

Kbd #21

Open

Kbd Sequence 3

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Pressed State 1

Kbd #22

Open

Kbd Pressed State 1

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Pressed State 2

Kbd #23

Open

Kbd Pressed State 2

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Pressed State 3

Kbd #24

Open

Kbd Pressed State 3

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Function Keys 2

Kbd #25

Open

Kbd Function Keys 2

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Function Keys 3

Kbd #26

Open

Kbd Function Keys 3

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Function Keys 4

Kbd #27

Open

Kbd Function Keys 4

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Function Keys 5

Kbd #28

Open

Kbd Function Keys 5

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Function Keys 6

Kbd #29

Open

Kbd Function Keys 6

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Arrow Keys 1

Kbd #30

Open

Kbd Arrow Keys 1

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Arrow Keys 2

Kbd #31

Open

Kbd Arrow Keys 2

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Arrow Keys 3

Kbd #32

Open

Kbd Arrow Keys 3

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Arrow Keys 4

Kbd #33

Open

Kbd Arrow Keys 4

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Kbd Function Keys 1

Kbd #34

Open

Kbd Function Keys 1

Pure Astro kbd example generated from category metadata.

AnalyticsBillingSecurity

Label Standard 4

Label #1

Open
AnalyticsBillingSecurity

Label Standard 5

Label #2

Open
AnalyticsBillingSecurity

Label Standard 6

Label #3

Open
AnalyticsBillingSecurity

Label Standard 7

Label #4

Open
AnalyticsBillingSecurity

Label Standard 8

Label #5

Open
AnalyticsBillingSecurity

Label Standard 1

Label #6

Open
AnalyticsBillingSecurity

Label Standard 2

Label #7

Open
AnalyticsBillingSecurity

Label Standard 3

Label #8

Open
AnalyticsBillingSecurity

Logo Standard

Logo #1

Open

Logo Standard

Pure Astro logo example generated from category metadata.

AnalyticsBillingSecurity

Logo Wordmark

Logo #2

Open

Logo Wordmark

Pure Astro logo example generated from category metadata.

AnalyticsBillingSecurity

Logo Right Click Download

Logo #3

Open

Logo Right Click Download

Pure Astro logo example generated from category metadata.

AnalyticsBillingSecurity

Menubar Standard 7

Menubar #1

Open

Menubar Standard 7

Static Astro markup mirrors the layout state without requiring a client framework.

Menubar Standard 8

Menubar #2

Open

Menubar Standard 8

Static Astro markup mirrors the layout state without requiring a client framework.

Menubar Standard 9

Menubar #3

Open

Menubar Standard 9

Static Astro markup mirrors the layout state without requiring a client framework.

Menubar Standard 2

Menubar #4

Open

Menubar Standard 2

Static Astro markup mirrors the layout state without requiring a client framework.

Menubar Standard 3

Menubar #5

Open

Menubar Standard 3

Static Astro markup mirrors the layout state without requiring a client framework.

Menubar Standard 4

Menubar #6

Open

Menubar Standard 4

Static Astro markup mirrors the layout state without requiring a client framework.

Menubar Standard 5

Menubar #7

Open

Menubar Standard 5

Static Astro markup mirrors the layout state without requiring a client framework.

Menubar Standard 6

Menubar #8

Open

Menubar Standard 6

Static Astro markup mirrors the layout state without requiring a client framework.

Menubar Standard 1

Menubar #9

Open

Menubar Standard 1

Static Astro markup mirrors the layout state without requiring a client framework.

Menubar Standard 10

Menubar #10

Open

Menubar Standard 10

Static Astro markup mirrors the layout state without requiring a client framework.

Popover Standard 4

Popover #1

Open

Popover Standard 4

Static Astro markup mirrors the layout state without requiring a client framework.

Popover Standard 5

Popover #2

Open

Popover Standard 5

Static Astro markup mirrors the layout state without requiring a client framework.

Popover Standard 6

Popover #3

Open

Popover Standard 6

Static Astro markup mirrors the layout state without requiring a client framework.

Popover Standard 7

Popover #4

Open

Popover Standard 7

Static Astro markup mirrors the layout state without requiring a client framework.

Popover Standard 8

Popover #5

Open

Popover Standard 8

Static Astro markup mirrors the layout state without requiring a client framework.

Popover Standard 9

Popover #6

Open

Popover Standard 9

Static Astro markup mirrors the layout state without requiring a client framework.

Popover Standard 13

Popover #7

Open

Popover Standard 13

Static Astro markup mirrors the layout state without requiring a client framework.

Popover Standard 14

Popover #8

Open

Popover Standard 14

Static Astro markup mirrors the layout state without requiring a client framework.

Popover Standard 15

Popover #9

Open

Popover Standard 15

Static Astro markup mirrors the layout state without requiring a client framework.

Popover Standard 2

Popover #10

Open

Popover Standard 2

Static Astro markup mirrors the layout state without requiring a client framework.

Popover Standard 3

Popover #11

Open

Popover Standard 3

Static Astro markup mirrors the layout state without requiring a client framework.

Popover Standard 10

Popover #12

Open

Popover Standard 10

Static Astro markup mirrors the layout state without requiring a client framework.

Popover Standard 11

Popover #13

Open

Popover Standard 11

Static Astro markup mirrors the layout state without requiring a client framework.

Popover Standard 12

Popover #14

Open

Popover Standard 12

Static Astro markup mirrors the layout state without requiring a client framework.

Popover Standard 1

Popover #15

Open

Popover Standard 1

Static Astro markup mirrors the layout state without requiring a client framework.

Price Basic

Price #1

Open

Price Basic

Pure Astro price example generated from category metadata.

AnalyticsBillingSecurity

Price On Sale

Price #2

Open

Price On Sale

Pure Astro price example generated from category metadata.

AnalyticsBillingSecurity

Progress With Label 5

Progress #1

Open

Progress With Label 5

A compact progress pattern with semantic structure and no client framework.

Progress Sizes 3

Progress #2

Open

Progress Sizes 3

A compact progress pattern with semantic structure and no client framework.

Progress Sizes 4

Progress #3

Open

Progress Sizes 4

A compact progress pattern with semantic structure and no client framework.

Progress Sizes 5

Progress #4

Open

Progress Sizes 5

A compact progress pattern with semantic structure and no client framework.

Progress With Label 1

Progress #5

Open

Progress With Label 1

A compact progress pattern with semantic structure and no client framework.

Progress With Label 2

Progress #6

Open

Progress With Label 2

A compact progress pattern with semantic structure and no client framework.

Progress With Label 3

Progress #7

Open

Progress With Label 3

A compact progress pattern with semantic structure and no client framework.

Progress With Label 4

Progress #8

Open

Progress With Label 4

A compact progress pattern with semantic structure and no client framework.

Progress Colored 1

Progress #9

Open

Progress Colored 1

A compact progress pattern with semantic structure and no client framework.

Progress Colored 2

Progress #10

Open

Progress Colored 2

A compact progress pattern with semantic structure and no client framework.

Progress Colored 3

Progress #11

Open

Progress Colored 3

A compact progress pattern with semantic structure and no client framework.

Progress Colored 4

Progress #12

Open

Progress Colored 4

A compact progress pattern with semantic structure and no client framework.

Progress Colored 5

Progress #13

Open

Progress Colored 5

A compact progress pattern with semantic structure and no client framework.

Progress Sizes 1

Progress #14

Open

Progress Sizes 1

A compact progress pattern with semantic structure and no client framework.

Progress Sizes 2

Progress #15

Open

Progress Sizes 2

A compact progress pattern with semantic structure and no client framework.

Progress Basic 1

Progress #16

Open

Progress Basic 1

A compact progress pattern with semantic structure and no client framework.

Progress Basic 2

Progress #17

Open

Progress Basic 2

A compact progress pattern with semantic structure and no client framework.

Progress Basic 3

Progress #18

Open

Progress Basic 3

A compact progress pattern with semantic structure and no client framework.

Progress Basic 4

Progress #19

Open

Progress Basic 4

A compact progress pattern with semantic structure and no client framework.

Progress Basic 5

Progress #20

Open

Progress Basic 5

A compact progress pattern with semantic structure and no client framework.

Radio Group Layout 2

Radio Group #1

Open
Radio Group Layout 2

Radio Group Layout 3

Radio Group #2

Open
Radio Group Layout 3

Radio Group Standard 1

Radio Group #3

Open
Radio Group Standard 1

Radio Group Standard 2

Radio Group #4

Open
Radio Group Standard 2

Radio Group Advanced 1

Radio Group #5

Open
Radio Group Advanced 1

Radio Group Advanced 2

Radio Group #6

Open
Radio Group Advanced 2

Radio Group Layout 1

Radio Group #7

Open
Radio Group Layout 1

Rating With Score

Rating #1

Open

Rating With Score

Pure Astro rating example generated from category metadata.

AnalyticsBillingSecurity

Rating Basic

Rating #2

Open

Rating Basic

Pure Astro rating example generated from category metadata.

AnalyticsBillingSecurity

Scroll Area Layout 2

Scroll Area #1

Open

Scroll Area Layout 2

Pure Astro scroll area example generated from category metadata.

AnalyticsBillingSecurity

Scroll Area Layout 3

Scroll Area #2

Open

Scroll Area Layout 3

Pure Astro scroll area example generated from category metadata.

AnalyticsBillingSecurity

Scroll Area Standard 1

Scroll Area #3

Open

Scroll Area Standard 1

Pure Astro scroll area example generated from category metadata.

AnalyticsBillingSecurity

Scroll Area Standard 2

Scroll Area #4

Open

Scroll Area Standard 2

Pure Astro scroll area example generated from category metadata.

AnalyticsBillingSecurity

Scroll Area Advanced 1

Scroll Area #5

Open

Scroll Area Advanced 1

Pure Astro scroll area example generated from category metadata.

AnalyticsBillingSecurity

Scroll Area Advanced 2

Scroll Area #6

Open

Scroll Area Advanced 2

Pure Astro scroll area example generated from category metadata.

AnalyticsBillingSecurity

Scroll Area Advanced 3

Scroll Area #7

Open

Scroll Area Advanced 3

Pure Astro scroll area example generated from category metadata.

AnalyticsBillingSecurity

Scroll Area Layout 1

Scroll Area #8

Open

Scroll Area Layout 1

Pure Astro scroll area example generated from category metadata.

AnalyticsBillingSecurity

Separator With Text 2

Separator #1

Open

Separator With Text 2

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator With Text 3

Separator #2

Open

Separator With Text 3

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator Spacing 3

Separator #3

Open

Separator Spacing 3

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator Spacing 4

Separator #4

Open

Separator Spacing 4

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator Spacing 5

Separator #5

Open

Separator Spacing 5

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator Styled 1

Separator #6

Open

Separator Styled 1

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator Styled 2

Separator #7

Open

Separator Styled 2

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator Styled 3

Separator #8

Open

Separator Styled 3

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator Styled 4

Separator #9

Open

Separator Styled 4

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator Styled 5

Separator #10

Open

Separator Styled 5

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator With Text 1

Separator #11

Open

Separator With Text 1

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator Basic 2

Separator #12

Open

Separator Basic 2

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator Basic 3

Separator #13

Open

Separator Basic 3

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator Basic 4

Separator #14

Open

Separator Basic 4

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator Basic 5

Separator #15

Open

Separator Basic 5

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator Spacing 1

Separator #16

Open

Separator Spacing 1

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator Spacing 2

Separator #17

Open

Separator Spacing 2

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Separator Basic 1

Separator #18

Open

Separator Basic 1

Pure Astro separator example generated from category metadata.

AnalyticsBillingSecurity

Sheet Standard 2

Sheet #1

Open

Sheet Standard 2

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Standard 3

Sheet #2

Open

Sheet Standard 3

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Standard 4

Sheet #3

Open

Sheet Standard 4

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Settings 2

Sheet #4

Open

Sheet Settings 2

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Settings 3

Sheet #5

Open

Sheet Settings 3

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Settings 4

Sheet #6

Open

Sheet Settings 4

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Settings 5

Sheet #7

Open

Sheet Settings 5

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Standard 1

Sheet #8

Open

Sheet Standard 1

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Navigation 3

Sheet #9

Open

Sheet Navigation 3

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Navigation 4

Sheet #10

Open

Sheet Navigation 4

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Navigation 5

Sheet #11

Open

Sheet Navigation 5

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Settings 1

Sheet #12

Open

Sheet Settings 1

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Multi Section 3

Sheet #13

Open

Sheet Multi Section 3

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Multi Section 4

Sheet #14

Open

Sheet Multi Section 4

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Multi Section 5

Sheet #15

Open

Sheet Multi Section 5

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Navigation 1

Sheet #16

Open

Sheet Navigation 1

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Navigation 2

Sheet #17

Open

Sheet Navigation 2

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Multi Section 1

Sheet #18

Open

Sheet Multi Section 1

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Multi Section 2

Sheet #19

Open

Sheet Multi Section 2

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Details 1

Sheet #20

Open

Sheet Details 1

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Details 2

Sheet #21

Open

Sheet Details 2

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Details 3

Sheet #22

Open

Sheet Details 3

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Details 4

Sheet #23

Open

Sheet Details 4

Static Astro markup mirrors the layout state without requiring a client framework.

Sheet Details 5

Sheet #24

Open

Sheet Details 5

Static Astro markup mirrors the layout state without requiring a client framework.

Skeleton Table 4

Skeleton #1

Open

Skeleton Table 4

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Table 5

Skeleton #2

Open

Skeleton Table 5

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Profile 1

Skeleton #3

Open

Skeleton Profile 1

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Profile 2

Skeleton #4

Open

Skeleton Profile 2

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Profile 3

Skeleton #5

Open

Skeleton Profile 3

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Profile 4

Skeleton #6

Open

Skeleton Profile 4

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Profile 5

Skeleton #7

Open

Skeleton Profile 5

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Table 1

Skeleton #8

Open

Skeleton Table 1

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Table 2

Skeleton #9

Open

Skeleton Table 2

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Table 3

Skeleton #10

Open

Skeleton Table 3

A compact skeleton pattern with semantic structure and no client framework.

Skeleton List 1

Skeleton #11

Open

Skeleton List 1

A compact skeleton pattern with semantic structure and no client framework.

Skeleton List 2

Skeleton #12

Open

Skeleton List 2

A compact skeleton pattern with semantic structure and no client framework.

Skeleton List 3

Skeleton #13

Open

Skeleton List 3

A compact skeleton pattern with semantic structure and no client framework.

Skeleton List 4

Skeleton #14

Open

Skeleton List 4

A compact skeleton pattern with semantic structure and no client framework.

Skeleton List 5

Skeleton #15

Open

Skeleton List 5

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Card 5

Skeleton #16

Open

Skeleton Card 5

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Content 1

Skeleton #17

Open

Skeleton Content 1

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Content 2

Skeleton #18

Open

Skeleton Content 2

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Content 3

Skeleton #19

Open

Skeleton Content 3

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Content 4

Skeleton #20

Open

Skeleton Content 4

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Content 5

Skeleton #21

Open

Skeleton Content 5

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Card 1

Skeleton #22

Open

Skeleton Card 1

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Card 2

Skeleton #23

Open

Skeleton Card 2

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Card 3

Skeleton #24

Open

Skeleton Card 3

A compact skeleton pattern with semantic structure and no client framework.

Skeleton Card 4

Skeleton #25

Open

Skeleton Card 4

A compact skeleton pattern with semantic structure and no client framework.

Slider Vertical 4

Slider #1

Open
Slider Vertical 4

Slider Vertical 5

Slider #2

Open
Slider Vertical 5

Slider Vertical 3

Slider #3

Open
Slider Vertical 3

Slider Styled 5

Slider #4

Open
Slider Styled 5

Slider Vertical 1

Slider #5

Open
Slider Vertical 1

Slider Vertical 2

Slider #6

Open
Slider Vertical 2

Slider Styled 2

Slider #7

Open
Slider Styled 2

Slider Styled 3

Slider #8

Open
Slider Styled 3

Slider Styled 4

Slider #9

Open
Slider Styled 4

Slider Standard 3

Slider #10

Open
Slider Standard 3

Slider Standard 4

Slider #11

Open
Slider Standard 4

Slider Standard 5

Slider #12

Open
Slider Standard 5

Slider Styled 1

Slider #13

Open
Slider Styled 1

Slider Settings 4

Slider #14

Open
Slider Settings 4

Slider Standard 1

Slider #15

Open
Slider Standard 1

Slider Standard 2

Slider #16

Open
Slider Standard 2

Slider Range 3

Slider #17

Open
Slider Range 3

Slider Range 4

Slider #18

Open
Slider Range 4

Slider Range 5

Slider #19

Open
Slider Range 5

Slider Settings 1

Slider #20

Open
Slider Settings 1

Slider Settings 2

Slider #21

Open
Slider Settings 2

Slider Settings 3

Slider #22

Open
Slider Settings 3

Slider Interactive 3

Slider #23

Open
Slider Interactive 3

Slider Interactive 4

Slider #24

Open
Slider Interactive 4

Slider Interactive 5

Slider #25

Open
Slider Interactive 5

Slider Range 1

Slider #26

Open
Slider Range 1

Slider Range 2

Slider #27

Open
Slider Range 2

Slider Interactive 1

Slider #28

Open
Slider Interactive 1

Slider Interactive 2

Slider #29

Open
Slider Interactive 2

Sonner Standard 2

Sonner #1

Open

Sonner Standard 2

A compact sonner pattern with semantic structure and no client framework.

Sonner Standard 3

Sonner #2

Open

Sonner Standard 3

A compact sonner pattern with semantic structure and no client framework.

Sonner Standard 4

Sonner #3

Open

Sonner Standard 4

A compact sonner pattern with semantic structure and no client framework.

Sonner Standard 5

Sonner #4

Open

Sonner Standard 5

A compact sonner pattern with semantic structure and no client framework.

Sonner Position 6

Sonner #5

Open

Sonner Position 6

A compact sonner pattern with semantic structure and no client framework.

Sonner Promise 1

Sonner #6

Open

Sonner Promise 1

A compact sonner pattern with semantic structure and no client framework.

Sonner Promise 2

Sonner #7

Open

Sonner Promise 2

A compact sonner pattern with semantic structure and no client framework.

Sonner Promise 3

Sonner #8

Open

Sonner Promise 3

A compact sonner pattern with semantic structure and no client framework.

Sonner Promise 4

Sonner #9

Open

Sonner Promise 4

A compact sonner pattern with semantic structure and no client framework.

Sonner Standard 1

Sonner #10

Open

Sonner Standard 1

A compact sonner pattern with semantic structure and no client framework.

Sonner Position 1

Sonner #11

Open

Sonner Position 1

A compact sonner pattern with semantic structure and no client framework.

Sonner Position 2

Sonner #12

Open

Sonner Position 2

A compact sonner pattern with semantic structure and no client framework.

Sonner Position 3

Sonner #13

Open

Sonner Position 3

A compact sonner pattern with semantic structure and no client framework.

Sonner Position 4

Sonner #14

Open

Sonner Position 4

A compact sonner pattern with semantic structure and no client framework.

Sonner Position 5

Sonner #15

Open

Sonner Position 5

A compact sonner pattern with semantic structure and no client framework.

Sonner Content 5

Sonner #16

Open

Sonner Content 5

A compact sonner pattern with semantic structure and no client framework.

Sonner Interactive 1

Sonner #17

Open

Sonner Interactive 1

A compact sonner pattern with semantic structure and no client framework.

Sonner Interactive 2

Sonner #18

Open

Sonner Interactive 2

A compact sonner pattern with semantic structure and no client framework.

Sonner Interactive 3

Sonner #19

Open

Sonner Interactive 3

A compact sonner pattern with semantic structure and no client framework.

Sonner Interactive 4

Sonner #20

Open

Sonner Interactive 4

A compact sonner pattern with semantic structure and no client framework.

Sonner Content 1

Sonner #21

Open

Sonner Content 1

A compact sonner pattern with semantic structure and no client framework.

Sonner Content 2

Sonner #22

Open

Sonner Content 2

A compact sonner pattern with semantic structure and no client framework.

Sonner Content 3

Sonner #23

Open

Sonner Content 3

A compact sonner pattern with semantic structure and no client framework.

Sonner Content 4

Sonner #24

Open

Sonner Content 4

A compact sonner pattern with semantic structure and no client framework.

Spinner Standard 3

Spinner #1

Open

Spinner Standard 3

A compact spinner pattern with semantic structure and no client framework.

Spinner Standard 4

Spinner #2

Open

Spinner Standard 4

A compact spinner pattern with semantic structure and no client framework.

Spinner Standard 5

Spinner #3

Open

Spinner Standard 5

A compact spinner pattern with semantic structure and no client framework.

Spinner Inline 1

Spinner #4

Open

Spinner Inline 1

A compact spinner pattern with semantic structure and no client framework.

Spinner Inline 2

Spinner #5

Open

Spinner Inline 2

A compact spinner pattern with semantic structure and no client framework.

Spinner Inline 3

Spinner #6

Open

Spinner Inline 3

A compact spinner pattern with semantic structure and no client framework.

Spinner Inline 4

Spinner #7

Open

Spinner Inline 4

A compact spinner pattern with semantic structure and no client framework.

Spinner Standard 1

Spinner #8

Open

Spinner Standard 1

A compact spinner pattern with semantic structure and no client framework.

Spinner Standard 2

Spinner #9

Open

Spinner Standard 2

A compact spinner pattern with semantic structure and no client framework.

Spinner Button 2

Spinner #10

Open

Spinner Button 2

A compact spinner pattern with semantic structure and no client framework.

Spinner Button 3

Spinner #11

Open

Spinner Button 3

A compact spinner pattern with semantic structure and no client framework.

Spinner Button 4

Spinner #12

Open

Spinner Button 4

A compact spinner pattern with semantic structure and no client framework.

Spinner Button 5

Spinner #13

Open

Spinner Button 5

A compact spinner pattern with semantic structure and no client framework.

Spinner Applications 2

Spinner #14

Open

Spinner Applications 2

A compact spinner pattern with semantic structure and no client framework.

Spinner Applications 3

Spinner #15

Open

Spinner Applications 3

A compact spinner pattern with semantic structure and no client framework.

Spinner Button 1

Spinner #16

Open

Spinner Button 1

A compact spinner pattern with semantic structure and no client framework.

Spinner Applications 1

Spinner #17

Open

Spinner Applications 1

A compact spinner pattern with semantic structure and no client framework.

Switch Standard 3

Switch #1

Open
Switch Standard 3

Switch Standard 4

Switch #2

Open
Switch Standard 4

Switch Standard 1

Switch #3

Open
Switch Standard 1

Switch Standard 2

Switch #4

Open
Switch Standard 2

Switch Square 4

Switch #5

Open
Switch Square 4

Switch Square 3

Switch #6

Open
Switch Square 3

Switch Square 2

Switch #7

Open
Switch Square 2

Switch Square 1

Switch #8

Open
Switch Square 1

Switch Labeled 4

Switch #9

Open
Switch Labeled 4

Switch Labeled 3

Switch #10

Open
Switch Labeled 3

Switch Labeled 2

Switch #11

Open
Switch Labeled 2

Switch Labeled 1

Switch #12

Open
Switch Labeled 1

Switch Icons 2

Switch #13

Open
Switch Icons 2

Switch Icons 3

Switch #14

Open
Switch Icons 3

Switch Icons 1

Switch #15

Open
Switch Icons 1

Switch Cards 4

Switch #16

Open
Switch Cards 4

Switch Cards 3

Switch #17

Open
Switch Cards 3

Switch Cards 2

Switch #18

Open
Switch Cards 2

Switch Cards 1

Switch #19

Open
Switch Cards 1

Table Standard 4

Table #1

Open

Table Standard 4

Pure Astro table example generated from category metadata.

AnalyticsBillingSecurity

Table Advanced 2

Table #2

Open

Table Advanced 2

Pure Astro table example generated from category metadata.

AnalyticsBillingSecurity

Table Advanced 3

Table #3

Open

Table Advanced 3

Pure Astro table example generated from category metadata.

AnalyticsBillingSecurity

Table Advanced 4

Table #4

Open

Table Advanced 4

Pure Astro table example generated from category metadata.

AnalyticsBillingSecurity

Table Standard 1

Table #5

Open

Table Standard 1

Pure Astro table example generated from category metadata.

AnalyticsBillingSecurity

Table Standard 2

Table #6

Open

Table Standard 2

Pure Astro table example generated from category metadata.

AnalyticsBillingSecurity

Table Standard 3

Table #7

Open

Table Standard 3

Pure Astro table example generated from category metadata.

AnalyticsBillingSecurity

Table Advanced 1

Table #8

Open

Table Advanced 1

Pure Astro table example generated from category metadata.

AnalyticsBillingSecurity

Textarea Standard 1

Textarea #1

Open
AnalyticsBillingSecurity

Textarea Standard 2

Textarea #2

Open
AnalyticsBillingSecurity

Textarea Standard 3

Textarea #3

Open
AnalyticsBillingSecurity

Textarea Standard 4

Textarea #4

Open
AnalyticsBillingSecurity

Textarea Labeled 3

Textarea #5

Open
AnalyticsBillingSecurity

Textarea Labeled 4

Textarea #6

Open
AnalyticsBillingSecurity

Textarea Labeled 1

Textarea #7

Open
AnalyticsBillingSecurity

Textarea Labeled 2

Textarea #8

Open
AnalyticsBillingSecurity

Toggle Sizes 3

Toggle #1

Open
Toggle Sizes 3

Toggle Standard 1

Toggle #2

Open
Toggle Standard 1

Toggle Standard 2

Toggle #3

Open
Toggle Standard 2

Toggle Standard 3

Toggle #4

Open
Toggle Standard 3

Toggle Standard 4

Toggle #5

Open
Toggle Standard 4

Toggle Sizes 1

Toggle #6

Open
Toggle Sizes 1

Toggle Sizes 2

Toggle #7

Open
Toggle Sizes 2

Toggle Group Standard 2

Toggle Group #1

Open
Toggle Group Standard 2

Toggle Group Standard 3

Toggle Group #2

Open
Toggle Group Standard 3

Toggle Group Standard 4

Toggle Group #3

Open
Toggle Group Standard 4

Toggle Group Sizes 2

Toggle Group #4

Open
Toggle Group Sizes 2

Toggle Group Sizes 3

Toggle Group #5

Open
Toggle Group Sizes 3

Toggle Group Standard 1

Toggle Group #6

Open
Toggle Group Standard 1

Toggle Group Sizes 1

Toggle Group #7

Open
Toggle Group Sizes 1

Tooltip Standard 3

Tooltip #1

Open

Tooltip Standard 3

Static Astro markup mirrors the layout state without requiring a client framework.

Tooltip Standard 4

Tooltip #2

Open

Tooltip Standard 4

Static Astro markup mirrors the layout state without requiring a client framework.

Tooltip Content 2

Tooltip #3

Open

Tooltip Content 2

Static Astro markup mirrors the layout state without requiring a client framework.

Tooltip Content 3

Tooltip #4

Open

Tooltip Content 3

Static Astro markup mirrors the layout state without requiring a client framework.

Tooltip Content 4

Tooltip #5

Open

Tooltip Content 4

Static Astro markup mirrors the layout state without requiring a client framework.

Tooltip Standard 1

Tooltip #6

Open

Tooltip Standard 1

Static Astro markup mirrors the layout state without requiring a client framework.

Tooltip Standard 2

Tooltip #7

Open

Tooltip Standard 2

Static Astro markup mirrors the layout state without requiring a client framework.

Tooltip Content 1

Tooltip #8

Open

Tooltip Content 1

Static Astro markup mirrors the layout state without requiring a client framework.