Examples

Component Gallery

Live examples of CURSY Framework components in action.

Buttons

Primary Buttons

Primary Button Get Started Download

Ghost Buttons

Ghost Button Learn More Cancel

Button Combinations

Primary Secondary

Forms

Input Fields

Email Address

Password

Message

Select & Checkboxes

Select Option

I agree to the terms and conditions

Subscribe to newsletter

Radio option 1

Radio option 2

File Upload

Choose file...

Range & Switch

Volume

Enable notifications

Alerts

Alert Variants

Success! Your changes have been saved.

Info: Here's some helpful information.

Warning: Please review before proceeding.

Error: Something went wrong. Please try again.

Dismissible Alerts

This alert can be dismissed (add JavaScript for functionality)

Navigation Components

Tabs

Tab 1 Tab 2 Tab 3

This is the content for Tab 1. Switch tabs to see different content!

This is the content for Tab 2. Pretty neat, right?

This is the content for Tab 3. Pure CSS tabs - zero JavaScript!

Breadcrumbs

Pagination

Prev 1 2 3 4 Next

Progress & Loading

Progress Bars

Sizes

Colors

Animated

Loading Spinners

Default

Small

Large

Green

Purple

Orange

Pulse

Dots

Layout Examples

Grid Layouts

Card 1

Three column grid layout

Card 2

Equal width columns

Card 3

Responsive design

Two Column Layout

Left Column

Content goes here

Right Column

Modals & Dropdowns

Modal Example

Click the button to open a modal dialog

Dropdown Examples

Animated dropdown menus with smooth transitions

Tooltips & Accordion

Tooltips

Hover over the button to see the tooltip

Accordion

Section 1

▼

Content for section 1 goes here.

Section 2

▶

Content for section 2 goes here.

Section 3

▶

Content for section 3 goes here.