Bouncimals is a modern tribute to the classic bouncing screensavers we all remember.
Back in the early days of computers, there was something oddly mesmerizing about watching a DVD logo or a pixelated shape drift around the screen, bouncing perfectly off the edges.
Bouncimals brings that simple joy back — with a cast of retro pixel-style animals floating around your screen.
Each bounce is a moment of calm, nostalgia, and maybe even a bit of suspense (will it hit the corner?).
Try it live at: bouncimals.com
Bouncimals was built using a modern, minimal stack:
- Next.js – React framework for fast, static or server-rendered apps
- React – For creating the interactive screensaver and UI
- Tailwind CSS – For rapid, utility-first styling
- Supabase – For optional data storage and backend services
- Vercel – For seamless deployment and hosting
- Retro pixel animal sprites that bounce dynamically around the screen
- Corner-detection logic with smooth physics
- Fully responsive and works in browser or fullscreen mode
- Shareable via custom Tweet button (#screensaver #retro #animals)
- Lightweight and performance-optimized
Hi! I’m Brian, a creative junior developer who loves blending nostalgia and interactivity.
Bouncimals started as a small experiment in digital calmness — a space where code meets a bit of whimsy and retro charm.
You can support my work or buy me a coffee:
☕ BuyMeACoffee
💖 Ko-fi
Clone the repository and install dependencies:
git clone https://github.com/BrianJCal99/bouncimals.git
cd bouncimals
npm installRun the development server:
npm run devOpen http://localhost:3000 to view it in the browser.
Build for production:
npm run build
npm start