A concept project, built to be used.
Ease is a self-initiated project by Rami Ashqar, a front-end developer focused on turning sophisticated ideas into polished, well-engineered web experiences. It is not a commercial product and has no accounts, tracking cookies or backend.
The goal was a tool that is genuinely useful to designers and developers, and that shows care at every layer: the physics, the interaction design, accessibility, performance and the CSS it produces.
The full write-up, covering decisions, trade-offs and what didn't make the cut, is in the case study.
Built with
- Framework
- TanStack Start (React 19, TypeScript strict)
- State
- Typed URL search params, validated with Zod
- Motion
- Own spring solver, bezier solver and linear() generator. No animation library
- Preview
- Web Animations API driven by the exported timing function
- Styling
- Tailwind CSS v4, self-hosted variable fonts
- Hosting
- Cloudflare Workers, content pages prerendered
- Quality
- Vitest (math verified against an RK4 simulation), Playwright + axe