Comparison

6 variants

Premium comparison blocks that turn complex product decisions into clear, confident choices across every screen.

Bar comparison

bar-comparison.tsx

Grouped vertical benchmark bars with score labels, dotted comparison markers, and a shared percentage scale.

Performance, compared

A clearer view of what’s possible.

Compare success rates across reasoning, code, and security. Same tasks. Same scale.

FormaLayer
Compare with
45.1%Forma
31.1%Layer

Visual reasoning

Complex pattern recognition

39.6%Forma
16.8%Layer

Code repair

Issues resolved successfully

74.4%Forma
22.3%Layer

Security fixes

Vulnerabilities resolved

Illustrative scores for fictional products, not measured benchmarks. Replace with verified results and your evaluation methodology.

Scroll to compare

Install

$ bunx --bun shadcn add @beui-pro/bar-comparison

Feature comparison

feature-comparison.tsx

A rounded feature comparison with a focused recommendation, calm reveal motion, and shared product tabs on mobile.

A clearer comparison

Choose the way you want to build.

A thoughtful look at the details that matter after launch—not a wall of features designed to overwhelm you.

Signal

Recommended

The complete experience

Ready to launch

Typical time from setup to your first live workflow.

18 minutes

Your source code

Keep the complete implementation in your repository.

Included

Motion included

Polished transitions with accessible reduced-motion states.

Included

Light and dark themes

Both appearances are considered from the beginning.

Included

Future updates

How new improvements make their way to your project.

Always included

Hosted runtime required

Whether your product depends on another hosted service.

Not included

Install

$ bunx --bun shadcn add @beui-pro/feature-comparison

Workflow comparison

workflow-comparison.tsx

A paired before-and-after workflow with staggered step reveals and a clear outcome for each approach.

A better everyday workflow

Less chasing. More doing.

See what changes when your team's work has a place to come together.

Before

The scattered approach

  1. Requests everywhere

    Check your inbox, chat, and spreadsheets for the full picture.

  2. Another handoff

    Ask around to find out who has time to take it on.

  3. Chasing an update

    Send a follow-up just to learn where things stand.

  4. Rebuild the context

    Dig through old threads when the same question comes up.

Your team holds everything together.

After

A connected workspace

  1. One place to start

    Every request arrives in a shared, organized queue.

  2. A clear next step

    Assign an owner and keep the context with the work.

  3. Progress you can see

    Follow each task from its first step to the finish.

  4. Keep what you learn

    Turn completed work into a useful reference for next time.

Your workspace keeps everyone together.

Install

$ bunx --bun shadcn add @beui-pro/workflow-comparison

Head-to-head comparison

head-to-head-comparison.tsx

An interactive two-product comparison with a shared dropdown and a filter that shows only the differences.

Find your fit

The details make the difference.

Compare the essentials, then focus on what matters to your team.

Compare Forma with
Forma compared with Essentials
What you getFormaEssentials
Projects
Unlimited
Up to 10
Team members
Unlimited
Up to 5
Shared knowledge base
Included
Not included
Search across your work
Included
Included
Workflow automation
Included
Not included
Export your data
Included
Included
Support
Priority
Community

Illustrative products and features. Replace with your own comparison data.

5 differences across 7 features

Install

$ bunx --bun shadcn add @beui-pro/head-to-head-comparison

Tiled matrix

tiled-comparison.tsx

A spaced feature matrix with rounded cells, product marks, and staggered row reveals.

The whole picture. At a glance.

Put your options side by side. See which workspace has the tools your team reaches for every day.

Product feature comparison
Choose what mattersFormaLayerCanvasOrbitHive
Quick workspace setupIncludedIncludedIncludedNot includedIncluded
Unlimited projectsIncludedNot includedNot includedIncludedNot included
Guest collaborationIncludedIncludedNot includedNot includedIncluded
Files alongside your workIncludedIncludedIncludedNot includedNot included
Search across projectsIncludedNot includedIncludedIncludedNot included
Complete version historyIncludedNot includedNot includedIncludedNot included
Export your dataIncludedIncludedIncludedIncludedIncluded

Example comparison using illustrative products and features.

Scroll to compare all options

Install

$ bunx --bun shadcn add @beui-pro/tiled-comparison

Spotlight comparison

spotlight-comparison.tsx

A clean multi-product table with a continuous rounded frame around the featured product.

Compare the possibilities

Built for the way your team works.

All the essentials, together. See how Forma compares with other ways to organize your work.

Product capabilities with Forma featured
Features
Our pick
Forma
Alternative
Layer
Alternative
Canvas
Alternative
Orbit
Quick workspace setup
Included
Included
Included
Not included
Unlimited projects
Included
Not included
Not included
Included
Guest collaboration
Included
Included
Not included
Not included
Files alongside your work
Included
Included
Included
Not included
Search across projects
Included
Not included
Included
Included
Complete version history
Included
Not included
Not included
Included
Export your data
Included
Included
Included
Included
Features marked included7444

Scroll to compare all options

Example comparison using illustrative products and features.

Install

$ bunx --bun shadcn add @beui-pro/spotlight-comparison