Ben Rogerson
Senior Frontend Engineer at Simply Wall St
Adelaide, South Australia
Summary
🤩
RockstarBen Rogerson is a Senior Frontend Engineer based in Adelaide with nine years of experience building polished, accessible web experiences and design systems. He bridges front-end craftsmanship and full-stack reliability, having shipped features from responsive UI components and custom hooks to server-side PDF/email generation and Stripe subscription flows. Ben is the author and maintainer of a widely used styling solution (twin.macro) that blends Tailwind with CSS-in-JS and has driven adoption across the community, demonstrating impact beyond his teams. He brings a strong accessibility and developer-experience focus—improving build systems, linters, icon libraries, and developer tooling to raise code quality and consistency. Comfortable moving projects from JavaScript to TypeScript, he pairs pragmatic engineering with UI design skills and Figma prototyping. Off the clock he’s powered by coffee, rides mountain trails, and unwinds with zombie movies—an engineer who values both craft and curiosity.
9 years of coding experience
12 years of employment as a software developer
Stackoverflow
66reputation
3kreached
2answers
0questions
Github Skills (16)
css-in-js10
styles10
preact10
styled-components10
tailwindcss10
stylesheets10
react10
css-variables9
gatsby9
configurations9
nextjs9
testing8
componets6
javascript6
twig6
Programming languages (9)
Github contributions (5)
ben-rogerson/twin.macro
Feb 2020 - Dec 2022
🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
Role in this project:
Front-end Developer
Front-end DeveloperContributions:64 releases, 14 reviews, 923 commits in 2 years 10 months
Contributions summary:Ben primarily contributed to the styling and design of the project by modifying the framework's configuration and implementing features through the creation and modification of CSS classes. Their work involved adding new styling features, handling text and layout adjustments, and providing tests. The commits demonstrate a focus on utilizing and extending the existing styling framework.
tailwindcssgoobertailwindmagicreactjs
ben-rogerson/twin.examples
Sep 2020 - Jan 2023
Packed with examples for different frameworks, this repo helps you get started with twin a whole lot faster.
Role in this project:Front-end Developer
Front-end DeveloperContributions:282 commits, 32 PRs, 255 pushes in 2 years 4 months
Contributions summary:Ben primarily contributed to the implementation of examples using various front-end frameworks, specifically Preact with Styled Components, React with Styled Components, Gatsby, and Next.js. Their work involved creating UI components, utilizing twin.macro for styling with Tailwind CSS, and setting up the basic structure for each example. The user demonstrated proficiency in building front-end applications and integrating styling solutions.
tailwindcssget-startedemotionjstailwindlot
Find and Hire Top DevelopersWe’ve analyzed the programming source code of over 60 million software developers on GitHub and scored them by 50,000 skills. Sign-up on Prog,AI to search for software developers.