Redirecting to PayPal

How It Works Components in Bendis library

Browse 16 ready-made UI components available in Shuffle Editor.

Framework

All Frameworks

UI Library

Bendis Bendis

Components

How it works from Bendis

Tailwind CSS Tailwind CSS Bendis
How it works Component
How it works component #1
How it works component #2
How it works component #3
How it works component #4
How it works component #5
How it works component #6
How it works component #7
How it works component #8

How it works from Bendis

Bulma Bulma Bendis
How it works Component
How it works component #1
How it works component #2
How it works component #3
How it works component #4
How it works component #5
How it works component #6
How it works component #7
How it works component #8

How It Works Components by Shuffle

Choose from 16 variations of How it works UI components. Presented here are variants available in Bendis library.

You will also find many other types of components in Shuffle Editor that will be in the same style. Each library has been designed by a professional designer and coded by our team of developers.

Get access to all How it works UI components, code and our visual editor. Try the demo for free!

The easiest way to create beautiful websites

The selected plan includes lifetime access to Shuffle Editor.

Lifetime License

Create an account

OR USE EMAIL
Pay with card

Pay with card
Pay with PayPal

Pay with PayPal™

We issue VAT invoices. Already have an account? Sign in

Why creators choose Shuffle

From idea to live website in minutes.

Shuffle pairs an AI visual editor with 80+ UI libraries, so you can design, build and export production‑ready code without starting from scratch.

13,400+ components
Top AI models built in
1-click code export
  • An AI Agent that builds with you Describe a page, watch it come to life, then fine-tune it visually or with a prompt.
  • Pick the best model for every task GPT-6 Astra, Claude Opus 5.5 and Gemini 3.8 in one place.
  • 13,400+ professionally designed components Prefer building by hand? Drag in pixel-perfect sections crafted by professional designers.
  • Export to the stack you love Tailwind CSS, Bootstrap, Next.js, Laravel, WordPress and beyond.
“Its AI-powered features have transformed how I work! Designing and building websites has become faster, easier, and far more efficient.”
Est. 2019
Helping web builders ship since 2019 7 years of steady development.
A note from our CEO

Why the Lifetime License price is changing

New Lifetime License price from Oct 10th, 2026 $399

Today's price ends in

00 days
00 hours
00 min
00 sec

Hi, I'm Dawid. On October 10th, 2026, the price of the Lifetime License goes up to $399. Before that happens, I'd like to explain why, rather than just change a number on this page.

Shuffle today is a very different product from the one we launched in 2019. We ship new features all the time, and every Lifetime License holder gets all of them. That hasn't changed in 7 years and it isn't changing now. What has changed is how much a Lifetime License includes.

New in your Lifetime License

On top of lifetime access to the Shuffle Editor, here's what we've added recently. Every Lifetime License includes it:

AI Agent

Tell the AI Agent what to change in your project and watch it happen, then fine-tune the result visually whenever you like. Here's how it works:

Multi-AI Designer

Describe what you need once. Multi-AI Designer runs your prompt through Claude, GPT and Gemini and lays the results out side by side, so you can pick the best design and keep going. With a Lifetime License you can create up to 1,000 UIs a month.

Features like these run on AI models, and AI isn't cheap. We pay for that infrastructure ourselves. Shuffle has no VC funding behind it, so Lifetime Licenses are what keep it running. The new price lets us keep shipping at this pace and keep giving you more.

If you've been thinking about a Lifetime License, now is the best time. Buy before the change and you keep today's price, with every future update included.

Thank you for building with us.

Dawid CEO at Shuffle

Make it yours with AI

Start with this component. Tell AI what to change.

Original
Preview the original component. Your Version
Available when your generation is complete. Code
Available when your generation is complete.
Original component

Add images & videos

Upload an asset, then tell AI how to use it.

How it works

Your uploaded file will be added directly to the generated component. After uploading, you can guide the AI on where exactly to use it, e.g. as a logo or as a section image.
Shuffle Editor

Build websites faster with an AI Visual Editor

Shuffle Editor on Twitter Shuffle Editor on YouTube Shuffle Editor on Facebook

Products

UI Components

Extensions

Support

Company

© 2026 Shuffle. All rights reserved.