Front-End Engineer — Motion design & interactive 3D web

Interfaces shouldn't
just work. They should move like they mean it.

I'm Craig du Toit — 16 years shipping React, GSAP, Three.js and Motion. Motion-first design systems that move engagement 25–40%, not just pixels.

16+
Years shipping front-end
25–40%
Engagement lift on motion work
50+
Promo & gamification projects shipped
Scroll

About

For sixteen years I've been turning interface ideas into things that move — React apps engineered with GSAP, Three.js and Motion, built as reusable systems so a whole team can ship consistent, high-craft animation — not just one hero project.

Currently leading front-end + motion strategy for Osiris Trading — Betway
Johannesburg, South Africa · Remote
Founder of cvitae, South Africa's best AI-powered CV builder with live ATS scoring
cvitae.co.za ↗

Experience

Sixteen years, three rooms.

Software Developer — Team Lead

Nov 2021 — Present

Osiris TradingCurrent

Leading promotions and gamification for Betway, where animation is the product: spinning wheels, card games, prediction games and interactive 3D experiences that make promotions feel alive.

  • Shipped 50+ projects over 5 years, taking full ownership of the quality of every delivery
  • Work tightly with management, back-end developers, stakeholders and UI/UX designers
  • Own front-end strategy end to end: project planning, UI architecture and a motion-first design system
  • Mentor the team on animation craft
ReactGSAPThree.jsGamificationLeadership

Front-End Developer

Nov 2019 — Oct 2021

Orderwise

Modernized enterprise commerce software on a refinement-cycle team, moving a legacy front-end onto today's stack without dropping the ball on stability.

  • Migrated legacy Silverlight applications to modern JavaScript
  • Ran Implement → Refine → Test loops until every project was bug-free, polished, performant and secure
  • Focused on secure APIs and interface improvements
  • Owned the end-to-end test suite for checkout
JavaScriptMigrationTestingPerformance

Lead Front-End

May 2014 — Oct 2019

Ninja Technologies

Agency lead across strategy, brand and delivery — building design systems before they had a name, and learning to own the client relationship, not just the code.

  • In charge of technological advancement: adoption, tooling and mentorship across the studio
  • Built and maintained a bespoke UI kit serving every client — maintainable systems before the days of shadcn and Tailwind
  • Directed initial client engagements with direct relationship ownership
  • Established brand identity strategy and led delivery as Scrum lead
LeadershipDesign SystemsScrumClient StrategyBrand

Toolkit

Twelve tools. One language.

Core
Motion
Craft
Process

Selected work

Craft, not just credits.

Live

cvitae — AI-Powered CV Builder

Founded and built end-to-end: South Africa's best AI-powered CV builder with live ATS scoring. Next.js, Supabase and Paystack subscriptions — every pixel, query and deployment shipped solo.

FounderNext.jsSupabaseAI
Live

Incommon Productions

Full brand and site build for a creative production company: designed and built the site, hand-crafted every animation in GSAP, reinvented the color palette and redesigned the logo.

GSAPDesignBrandingLogo
Live

This Site

You're looking at it — Next.js, GSAP ScrollTrigger, React Three Fiber and Motion, built to be its own proof of craft.

Next.jsGSAPR3FMotion

Contact

Let's build something
that moves.

Open to conversations about motion-first front-end work, interactive 3D, or teams that want their design system to feel alive.

Craig du Toit · Johannesburg, South Africa· Built with Next.js, GSAP & React Three Fiber