Split-Canvas Creative Agency

Split-Canvas Creative Agency is a complete agency & portfolio template built with React 19 (TypeScript) and Tailwind CSS. Single-screen, dual-panel split canvas landing hero with an interactive 3D fuzzy purple torus orb, parallax physics, and minimalist editorial layout.

The animation system uses CSS Keyframes + Parallax, which is documented here so you can judge the motion before wiring the template into a project.

Included in this template: Dual-tone split background canvas (#dccae9 / #d4bde2); Centerpiece fuzzy purple torus with CSS clip-path split; Synchronized continuous circular spin & orbital float animations; Interactive cursor tilt mouse parallax (±14px); Custom 7x7 diamond dot matrix SVG logo.

Open the live preview to browse the sections, then use the source and deployment details on the template page. Templates are grouped by category on the UI HUB templates index so you can compare similar layouts directly.