SDF Comparison Table
A feature comparison matrix across plans with a sticky header, a highlighted recommended column, check/dash booleans, and mobile horizontal scroll.
Compare plans
Everything you need, by tier
| Features | Starter | Most popularTeam | Enterprise |
|---|---|---|---|
| Components included | 12 | 48 | Unlimited |
| Team seats | 1 | 10 | Unlimited |
| Figma library access | |||
| Webflow component sync | |||
| Custom theming tokens | |||
| Priority support | |||
| Single sign-on (SSO) |
The full source is for members
Sign in and choose a plan to view and copy SdfComparisonTable.tsx. The live preview above is free to explore.
How to use. Copy SdfComparisonTable.tsx into your project (it's self-contained — the styles ship with it and dedupe across instances in React 19). Theme it by setting --sdf-* tokens on any ancestor. No dependencies, no build step.
