Components

Button

A call-to-action button with styles, sizes and icons.

Live demo

See it in action

Style presets

Primary Secondary Success Info Warning Danger Gradient Link

Outline presets

Primary Success Danger

Sizes

Extra small Small Medium Large Extra large

Icons (before, after, icon-only)

Download Next

Hover animations (hover to preview)

Lift Grow Shine Glow Fill Pop

Width

Custom width — 260px Full-width button

The markup

Clean, lean code

This is the exact HTML the element outputs, straight from the page builder. No wrapper soup, no inline-style bloat.

<section>
	<div class="fw-container">
		<div class="fw-row">
			<div class="fw-col-12">
				<a href="#" target="_self" class="btn btn-primary btn-md btnfx-lift btn-9aa182b0 has-icon"> Get started <i class="fa-solid fa-arrow-right"></i></a>
			</div>
		</div>
	</div>
</section>

To learn more about the Button shortcode, please check out the online manual here.

Free & open source

Build with this element, free.

Install the framework and the Bootstrap 5 theme, then drag this element into any page.

Get the framework free