ZENTU · WIDGET #111

Help visitors choose in seconds — plans, products or options side by side, with a billing switch, “only differences”, feature search, winner cells and four layouts from full tables to head-to-head.

4 layouts8 skinsmonthly / yearlyonly differencessearchcollapsible groupsstars · bars · partialwinner cells3 phone modes
Pick your planSwitch to yearly and save.
StarterFor side projects$0/monthStart free
Most popularProFor growing teams$29/monthTry Pro free
BusinessFor larger companies$79/monthTalk to sales
Projects & storage
Projects 3 Unlimited Unlimited
Team members ?People who can log in and edit 1 10 Unlimited
File storage 2 GB 100 GB 1 TB
Version history 7 days 90 days Forever
Collaboration
Comments & mentions
Guest access 5 guests Unlimited
Approval workflows Ask a teammate to sign off before publishing Partial
AI writing assistant New New

Tessaly Docs is a fictional product used as an example.

SAAS PRICING PAGE · EVERY TOOL

Billing switch, feature search, “only show differences”, collapsible groups, a sticky header that stays under the site menu, buttons repeated at the bottom — and on phones, tabs to switch between plans.

billing switchsearchonly differencescollapsiblesticky headerfooter buttonsphone: plan tabs
Tessaly DocsAll plans include unlimited documents.
StarterFor side projects$0/monthStart free
Most popularProFor growing teams$29/monthTry Pro free
BusinessFor larger companies$79/monthTalk to sales
Projects 3 Unlimited Unlimited
Team members ?People who can log in and edit 1 10 Unlimited
File storage 2 GB 100 GB 1 TB
Version history 7 days 90 days Forever
Comments & mentions
Guest access 5 guests Unlimited
Approval workflows Ask a teammate to sign off before publishing Partial
AI writing assistant New New
Two-factor login
Single sign-on (SSO) ?Log in with Google Workspace, Okta or Azure AD
Audit log Soon
Support Community Email, 24h Priority, 4h
Start freeTry Pro freeTalk to sales

Prices in USD, excluding tax. Tessaly Docs is fictional.

ONLINE STORE · PRODUCT SPECS

The spec-sheet layout gives products big photos. Ratings show as stars, battery life as bars, and the best value in each row gets a trophy. On phones it turns into cards.

spec layoutproduct photosstarsbarswinner cellsphone: cards
Which Pulse is right for you?
Pulse BandSlim fitness tracker$59View band
Best sellerPulse Watch 2Everyday smartwatch$199View watch
Pulse BudsWorkout earbuds$89View buds
Customer rating ★★★★★★★★★★4.2 ★★★★★★★★★★4.8 ★★★★★★★★★★4.5
Battery life 14 days 2 days 8 hours
Heart-rate tracking
Built-in GPS
Water resistant 50 m 50 m IPX4 (splashes)
Music playback
Contactless pay
Weight 18 g 38 g 5 g each
Pulse BandSlim fitness tracker$59View band
  • Customer rating★★★★★★★★★★4.2
  • Battery life14 days
  • Heart-rate tracking
  • Built-in GPS
  • Water resistant50 m
  • Music playback
  • Contactless pay
  • Weight18 g
Best sellerPulse Watch 2Everyday smartwatch$199View watch
  • Customer rating★★★★★★★★★★4.8
  • Battery life2 days
  • Heart-rate tracking
  • Built-in GPS
  • Water resistant50 m
  • Music playback
  • Contactless pay
  • Weight38 g
Pulse BudsWorkout earbuds$89View buds
  • Customer rating★★★★★★★★★★4.5
  • Battery life8 hours
  • Heart-rate tracking
  • Built-in GPS
  • Water resistantIPX4 (splashes)
  • Music playback
  • Contactless pay
  • Weight5 g each

Pulse is a fictional product line; specs are illustrative.

CAFÉ BLOG · HEAD TO HEAD

The head-to-head layout puts two options face to face with a pulsing VS badge. Each column keeps its own color and the better side of every row is marked.

versus layoutcolumn colorswinner per rowemoji icons
Green teaCalm, steady focus
CoffeeFast, strong kick
Green teaFeatureCoffee
The buzz
≈ 30 mg
Caffeine per cup
≈ 95 mg
Gentle & long
Energy feels
Quick & strong
Rare
Afternoon crash
Common
Taste & ritual
★★★★★★★★★★4
Flavor range
★★★★★★★★★★5
2–3 min
Brew time
4 min (filter)
Partial
Good with milk
Iced version

Typical values — every cup is different.

GYM · MEMBERSHIP CARDS

The cards layout lists every feature inside each plan — easier to read than a wide table when there are only a few options. Pastel skin gives every card its own color.

cards layoutpastel skinemojisearch
Off-peak$19/monthJoin
  • Gym floor10am–4pm
  • Group classesPartial
  • Pool & sauna
  • Personal trainer
  • Guest passes
  • Freeze membership
PopularAnytime$35/monthJoin
  • Gym floor24/7
  • Group classes
  • Pool & sauna
  • Personal trainer1 / month
  • Guest passes2 / month
  • Freeze membership
All-in$59/monthJoin
  • Gym floor24/7
  • Group classes
  • Pool & sauna
  • Personal trainer4 / month
  • Guest passesUnlimited
  • Freeze membership

Northpeak Gym is a fictional business.

WEB HOSTING · GLASS ON GRADIENT

The glass skin blurs a colorful background behind it. Filled check marks, left-aligned values and a “only differences” switch.

glass skinfilled marksleft alignedonly differencesphone: cards
Hosting plans
Shared$4/moChoose
Best valueCloud$12/moChoose
Dedicated$89/moChoose
Websites 1 10 Unlimited
SSD storage 20 GB 100 GB 1 TB
Free SSL certificate
Daily backups
Staging site
Free domain (1st year)
Dedicated IP
Shared$4/moChoose
  • Websites1
  • SSD storage20 GB
  • Free SSL certificate
  • Daily backups
  • Staging site
  • Free domain (1st year)
  • Dedicated IP
Best valueCloud$12/moChoose
  • Websites10
  • SSD storage100 GB
  • Free SSL certificate
  • Daily backups
  • Staging site
  • Free domain (1st year)
  • Dedicated IP
Dedicated$89/moChoose
  • WebsitesUnlimited
  • SSD storage1 TB
  • Free SSL certificate
  • Daily backups
  • Staging site
  • Free domain (1st year)
  • Dedicated IP

Cloudnest Hosting is fictional.

ONLINE COURSE · MINIMAL

The minimal skin drops the boxes and keeps only thin lines — it sits calmly inside a course or blog page. Plain marks and relaxed spacing.

minimalplain marksrelaxedrow notes
Learn UX design
Self-paced$149
Next start: Oct 6Cohort$490
1:1 Mentoring$1,200
Video lessons
Live sessions Weekly On demand
Feedback on projects Written review of each assignment
Community access
Certificate
Career coaching Partial

“Learn UX design” is an example course.

AGENCY · WHY CHOOSE US

A striped table with emoji marks compares your service with doing it yourself or hiring a freelancer — the winning cells get a trophy.

stripedemoji markswinner cellshints
Getting a new website
Do it yourself
Freelancer
UsBrightmoor StudioBook a call
Time to launch 3–6 months 6–10 weeks 4 weeks
Custom design ❌ ✅ ✅
SEO set-up ?Technical SEO, schema and speed tuning 🟡Partial 🟡Partial ✅
Ongoing support ❌ 🟡Partial ✅
Fixed price ✅ ❌ ✅
Up-front cost $0 $3,000+ $4,900
Do it yourself
  • Time to launch3–6 months
  • Custom design❌
  • SEO set-up🟡Partial
  • Ongoing support❌
  • Fixed price✅
  • Up-front cost$0
Freelancer
  • Time to launch6–10 weeks
  • Custom design✅
  • SEO set-up🟡Partial
  • Ongoing support🟡Partial
  • Fixed price❌
  • Up-front cost$3,000+
UsBrightmoor StudioBook a call
  • Time to launch4 weeks
  • Custom design✅
  • SEO set-up✅
  • Ongoing support✅
  • Fixed price✅
  • Up-front cost$4,900

Brightmoor Studio is a fictional agency; prices are examples.

8 SKINS

The same small table in every skin.

cleanstripeddarkgradientglassminimalneonpastel
Clean
Plans
Basic$9
Plus$19
Users 1 5
Reports Partial
API access
Striped
Plans
Basic$9
Plus$19
Users 1 5
Reports Partial
API access
Dark
Plans
Basic$9
Plus$19
Users 1 5
Reports Partial
API access
Gradient header
Plans
Basic$9
Plus$19
Users 1 5
Reports Partial
API access
Frosted glass
Plans
Basic$9
Plus$19
Users 1 5
Reports Partial
API access
Minimal
Plans
Basic$9
Plus$19
Users 1 5
Reports Partial
API access
Neon
Plans
Basic$9
Plus$19
Users 1 5
Reports Partial
API access
Pastel
Plans
Basic$9
Plus$19
Users 1 5
Reports Partial
API access
BUILT IN

Everything a pricing or product page needs.

layoutsfiltersvaluesmobile
🧩
4 layouts
Full table, product spec sheet, head-to-head versus, and cards.
💳
Billing switch
Monthly / yearly prices and period text swap with a smooth flip.
🔍
Search & differences
Filter features by name or hide rows where every plan is the same.
📂
Groups
Group headings that can collapse, plus tooltips and small notes under labels.
⭐
Rich values
Check, cross, partial, soon, new, stars, progress bars, notes and plain text.
🏆
Winner cells
Mark the best value of any row — it turns green with a trophy.
📱
Phone modes
Scroll sideways with a sticky first column, switch plans with tabs, or turn into cards.
🎨
8 skins × 5 marks
Clean, striped, dark, gradient, glass, minimal, neon, pastel; circle, filled, square, plain, emoji.

All products, businesses, prices and specs on this page are fictional examples.

201 premium elements, Comparison Table included.

Explore All Demos Browse All Widgets