Component Showcase

Auto-Phil UI Component Library

Buttons

Primary

Secondary

Ghost

Outline

Disabled

Form Inputs

Company Name

This will be used for your assessment

Email Address

Please enter a valid email address

Tell us about your goals

Cards

Automation

Card with automation pillar styling

SEO

Card with SEO pillar styling

AI

Card with AI pillar styling

Progress Bar

Progress45%

Badges

AutomationSEOAINeutralSuccessWarning

Loading Spinners

Small

Medium

Large

Radio Group

What is your primary goal?

AutomationStreamline repetitive tasks and workflows

SEO OptimizationImprove search engine rankings

AI IntegrationImplement AI-powered solutions

Checkbox Group

Select areas of interestSelect up to 3

Workflow Automation

Content Generation

Advanced Analytics

System Integration

Scale Slider

How urgent is this project?

Not urgentVery urgent

Question Card (with animation)

Question 3 of 10

Sample Question

This is what a question card looks like with the automation pillar styling.

Yes

Form Navigation

Navigation buttons for multi-step forms

All components follow the Auto-Phil style guide