Blog · Aidxn Design

Looking for something else? Framework, performance and AI-tooling writing lives in engineering notes, and the industry-by-industry software breakdowns are under business software.

Real builds · by industry

See the custom software + admin dashboard we'd build for your industry

200+ worked examples with the features, operational gaps and ROI maths behind each one.

Explore use cases →

Browse the full archive — 989 posts

Latest

The Best Email API for AI Agents in 2026

Putting a Local Agency on realestate.com.au, Next to Optus

A React Bottom Sheet With Real Snap Points · Aidxn

A React Command Palette With Zero Dependencies · Aidxn

A React JSON Tree Viewer That Survives Big Payloads · Aidxn

A Scroll-Spy Table of Contents Without a Scroll Listener · Aidxn

A Sortable React Data Table Without TanStack · Aidxn

An Accessible React Star Rating Input — It's a Radio Group · Aidxn

An Infinite Logo Ticker in Pure CSS — No JavaScript · Aidxn

Animated Number Counters — CSS Can Count Now · Aidxn

Announcement Bars Without Layout Shift · Aidxn

Astro Components Without the Hydration Tax · Aidxn

Astro Hero Sections That Earn the Fold · Aidxn

Bottom Tab Bars for Web Apps — Steal the Pattern Native Won With · Aidxn

Breadcrumbs With schema.org Microdata, Inline in Astro · Aidxn

Carousel Indicators — Navigation, Not Confetti · Aidxn

Checkout Progress Steppers That Tell the Truth · Aidxn

Description Lists — the Most Common Admin Screen Is a &lt;dl&gt; · Aidxn

Device Frames in CSS — Make Screenshots Read as Product · Aidxn

Exit Intent Without Being Awful · Aidxn

Grouped Tables With Subtotals — the Report Pattern · Aidxn

Image Carousels With Thumbnail Rails — the Two-Strip Pattern · Aidxn

Inline-Editable Tables — Commit Semantics Are the Whole Component · Aidxn

Kinetic Text Marquees in CSS — Big Type, Zero JS · Aidxn

Mobile Filter Sheets — Stage the Changes, Show the Count · Aidxn

Multi-Step Dialogs — Wizard State Meets Modal Focus · Aidxn

Pricing Tables That Don't Lie to the Buyer · Aidxn

Quote Crossfades — Rotate Testimonials Without the Slide · Aidxn

React Multi-Step Forms — Validate the Step, Not the Keystroke · Aidxn

React OTP Inputs — One Input Wearing Six Boxes · Aidxn

React Search Autocomplete Done Right · Aidxn

React Tag Inputs — the Keyboard Minefield in a 'Simple' Component · Aidxn

React Toasts Without a Library · Aidxn

Searchable Select Menus — When the Native Select Stops Scaling · Aidxn

Skeleton Loading States That Don't Lie · Aidxn

Social-Proof Toasts Without the Fakery · Aidxn

Stacked Sheets — Drill-Down Without Losing the Page · Aidxn

Tailwind Bento Grids That Don't Fall Apart on Mobile · Aidxn

Testimonial Carousels — the Peek Pattern and When Not to Carousel · Aidxn

Text Over Images — the Scrim, Not the 50% Black Overlay · Aidxn

The Email-Capture Hero — One Field, Peak Interest · Aidxn

The Floating Screenshot Hero — Depth From Three Shadows · Aidxn

The Free-Shipping Progress Bar — E-Commerce's Highest-ROI Strip · Aidxn

The News Ticker — a Marquee With Responsibilities · Aidxn

The Problem With Copy-Paste Components: No Upgrade Path · Aidxn

The Web Share API and Its Fallback Sheet · Aidxn

Vertical Tickers — Ambient Activity in One Line · Aidxn

The Australian business website gap is no longer about having a website

Description Lists — the Most Common Admin Screen Is a <dl> · Aidxn