Animated React SaaS Hosting Site
Budget: €30 – €250 EUR
I’m building a modern SaaS hosting platform (alplink.io) and I want the front-end to feel alive, polished, and dimensional from the very first interaction. The entire site will be written in React. Your task is to weave in fluid, scroll-based, and 3D animations that elevate the user experience without slowing anything down.
We eventually need a logo in Ultra definition, attached a draft.
Core animation goals
Foundational Animations: Loading animations, subtle hovers on buttons/cards, and smooth page transitions.
Layout & Scrolling: Implementation of smooth/locomotive scrolling that feels premium.
Complex 2D Loops: Engaging loop animations for static sections, similar to the "token wheel" or text tickers in the first example.
Interactive 3D Elements: This is key. We need to integrate lightweight 3D models (like the crystal or phone mockups in the examples) that animate and react to user interaction.
Scroll-Based Storytelling: Animations that are triggered and controlled by the user's scroll position, including manipulating 3D objects (see the phone rotation in the Framer example).
As examples for animations:
https://angelic-signposts-568362.framer.app/ (This is the level of 3D/scroll interaction we are aiming for)
https://eye-able.com/
As examples for competitors:
https://cloudpepper.io/
https://muchconsulting.com/odoo-managed-services
Brand name: alplink.io Color palette: https://coolors.co/palette/2f7eb2-e8eef1-1f394b-e4eef0-203e54
Scope of work
Develop a lightweight architecture (functional components, hooks, and modern tooling such as Vite).
Implement the animation stack using a combination of libraries:
Framer Motion or GSAP (with ScrollTrigger) for UI animations and scroll-based events.
React Three Fiber (R3F) & Drei for integrating and animating the 3D models.
(Bonus: Experience with integrating Spline exports is a major plus).
Optimise for performance (especially WebGL/3D), accessibility, and responsive behaviour on all major browsers.
Hand over clean, well-commented code plus a brief setup guide so future features slot in smoothly.
Success looks like a production-ready React app where every interaction feels intuitive and polished, helping users glide through our hosting plans and dashboard pages.
If this sounds like your kind of front-end craftsmanship, please include links to your work (especially 3D/R3F or advanced GSAP projects) and let’s talk timelines.
Attached, as a guideline, a PDF file.
Get in touch with us for any additional information
We eventually need a logo in Ultra definition, attached a draft.
Core animation goals
Foundational Animations: Loading animations, subtle hovers on buttons/cards, and smooth page transitions.
Layout & Scrolling: Implementation of smooth/locomotive scrolling that feels premium.
Complex 2D Loops: Engaging loop animations for static sections, similar to the "token wheel" or text tickers in the first example.
Interactive 3D Elements: This is key. We need to integrate lightweight 3D models (like the crystal or phone mockups in the examples) that animate and react to user interaction.
Scroll-Based Storytelling: Animations that are triggered and controlled by the user's scroll position, including manipulating 3D objects (see the phone rotation in the Framer example).
As examples for animations:
https://angelic-signposts-568362.framer.app/ (This is the level of 3D/scroll interaction we are aiming for)
https://eye-able.com/
As examples for competitors:
https://cloudpepper.io/
https://muchconsulting.com/odoo-managed-services
Brand name: alplink.io Color palette: https://coolors.co/palette/2f7eb2-e8eef1-1f394b-e4eef0-203e54
Scope of work
Develop a lightweight architecture (functional components, hooks, and modern tooling such as Vite).
Implement the animation stack using a combination of libraries:
Framer Motion or GSAP (with ScrollTrigger) for UI animations and scroll-based events.
React Three Fiber (R3F) & Drei for integrating and animating the 3D models.
(Bonus: Experience with integrating Spline exports is a major plus).
Optimise for performance (especially WebGL/3D), accessibility, and responsive behaviour on all major browsers.
Hand over clean, well-commented code plus a brief setup guide so future features slot in smoothly.
Success looks like a production-ready React app where every interaction feels intuitive and polished, helping users glide through our hosting plans and dashboard pages.
If this sounds like your kind of front-end craftsmanship, please include links to your work (especially 3D/R3F or advanced GSAP projects) and let’s talk timelines.
Attached, as a guideline, a PDF file.
Get in touch with us for any additional information
Related categories:
JavaScript
Graphic Design
CSS
Animation
HTML
3D Modelling
3D Animation
Frontend Development
Visual Design
Accessibility