Skip to content
mattdennis.dev
Back to Blog

Breakthrough UI Lab: The Design System That Finally Gets Users

Twenty-five revolutionary Salesforce-native patterns that turn hostile UX into a platform. Confirm cascades, forever skeletons, and FAB storms — shipping as innovation.

• Matt Dennis
salesforce vibecoding

We are proud to announce Breakthrough UI Lab — a groundbreaking, category-defining, Series-B-grade Lightning component library that reimagines every interaction as a journey. Twenty-five native LWCs. Zero compromises. Maximum delight density.


Other design systems optimize for clarity. We optimize for commitment. If a user can complete a task on the first try, we have failed them.


Open App Launcher. Find Anti UI Lab. Assign Anti_UI_Lab_Access. Join the future of friction.


Confirm Cascade

Confirm Cascade with Are you sure card and five-step confirmation counter
Are you sure you are sure you are sure?

Delete draft is never a one-click regret. It is a five-step spiritual practice. Cancel resets the counter because growth requires starting over. Cascade engaged is not a status — it is a lifestyle brand.


Toast Tsunami

Toast Tsunami widget celebrating every keystroke with notifications
Celebrate every keystroke. Users love notifications.

Every interaction deserves a toast. Every toast deserves a follow-up toast confirming the toast was delightful. Silence is a UX bug we have solved permanently.


Forever 99%

Forever 99 percent progress bar that never quite finishes
Almost done is the new done.

Progress bars that reach 100% set unrealistic expectations. Ours asymptote at 99% so users stay hopeful, humble, and permanently invested. Shipping is a mindset. Completion is a liability.


FAB Storm

FAB Storm with overlapping floating action buttons covering content
Floating actions should float over everything that matters.

Five plus buttons. Three colors. One quarterly narrative partially obscured on purpose. Read around the pluses — literacy is interactive now. If content wanted to be seen, it would have been a FAB.


Skeleton Eternal

Skeleton Eternal loading placeholders that never resolve
Loading states teach patience. Forever.

Shimmer is not a placeholder. Shimmer is the product. Content that arrives ends the relationship. Content that never arrives builds character, retention metrics, and a beautiful empty state portfolio.


A11y Theater

A11y Theater with 100 percent accessible badge and disabled combobox
100% accessible. Focus is a lifestyle.

We ship a badge that says 100% accessible and a combobox that cannot be opened. Focus rings are optional because vision is a spectrum. Compliance is a screenshot of the badge.


Field Farm

Field Farm form with thirty-six curated inputs for a single name
One name. Thirty-six carefully curated inputs.

Legal prefix. Vibe prefix. Astral middle. Earth middle. Clan name. Harvest identity when you are ready — identity that fits in one field was never enterprise-ready. Data models should feel agricultural.


The Rest of the Platform

Breakthrough does not stop at seven widgets. The full release trains twenty-five innovations on native lightning-* base components and SLDS, each one a peer-reviewed anti-pattern wearing a product launch jacket.


Modal Matryoshka — every decision deserves another layer of dialog.
Mystery Meat Toolbar — icons speak louder than words, especially wrong ones.
Infinite Value Stream — load more insight forever; profit.
Ghost Submit — the button knows when you are ready; you do not.
Hover Hostage — critical actions appear only for the truly committed mouse.
Page of One — deep pagination builds character, one row at a time.
Accordion Abyss — discoverability through excavation.
Save Captcha — notes are too important to save casually.
Carousel Chaos — if they blink, they missed the value prop.
Radio Continent — every country deserves equal vertical real estate.
Breadcrumb Loop — home goes to Settings; Settings goes home.
Search Theater — AI relevance without the filtering.
Optimistic Ruin — delete first; ask which row later.
Contrast Crime — WCAG AAA, trust us; the gray is intentional.
Required Optional — requiredness is a spectrum; labels are optional.
Tabception — tabs within tabs within tabs; Misc all the way down.
Permission Beg — ask early, ask often, ask louder after Dismiss.
Smart Defaults — remembering your choice means reshuffling it.


Breakthrough UI Lab is an R&D playground on Salesforce Lightning — sibling to the Business Jank Suite, different joke catalog, same energy. Not for production. Extremely for demos, decks, and anyone who has ever been trapped in a confirm dialog and wondered if that was the roadmap.