CurveKite CSS easing curve workbench
AI-generated Shape a cubic Bézier easing curve, compare it with linear movement, and export a CSS transition.
Screenshots
Screenshots supplied by the seller.
Description
AI generated by Codex for Shai. A focused CSS cubic-Bézier easing workbench with four numeric control-point inputs, plotted curve and handle markers, six presets, one-shot motion comparison, overshoot support, reduced-motion behavior, and CSS export.
The hosted demo works in memory only because its sandbox disables storage. Export a JSON backup to retain edits across reloads. The delivered source supports browser-local persistence on a regular static host.
Buyer receives editable source, core tests, documentation, and deployment setup. Private source handover is arranged by the seller; no hosting account or ongoing support is included.
Condition
Development stage: Working prototype (seller-declared)
Seller-declared: provided by the seller, not independently verified by SellMyVibe.
- Solo creator
- Mainly AI-generated
- Under one month in development
- Tests included
- Setup guide included
- Demo available
What works
- Set two cubic Bézier control points with valid CSS X coordinates
- Inspect a plotted curve and try ease, ease-in, ease-out, ease-in-out, linear, and overshoot presets
- Compare one-shot custom motion with a linear reference at a chosen duration
- Respect reduced-motion preference by displaying the final position immediately
- Select or download a reusable CSS transform-transition declaration
- JSON backup/import; hosted demo works in memory without network requests
What’s unfinished
- Graph markers are not draggable; numeric controls are used
- Y control range is limited to -2 through 3; coordinate precision is two decimal places
- No spring simulation, keyframe timeline, animation recording, or framework integration
- CSS export supplies timing; the buyer must implement the transform change that triggers it
Included assets
Full source code
Documentation
Deployment setup
Test suite
Technologies
HTML5, CSS3, Vanilla JavaScript ES modules, Browser localStorage (standalone source only)
Setup requirements
Unzip source and run python3 -m http.server 8080 in the folder. Open http://localhost:8080 or deploy to a static HTTPS host. No build or API key. Node 20+ runs test.mjs. See README.md and QA.md.
Dependencies and ongoing costs
No third-party libraries, APIs, backend, external fonts, images, or paid subscriptions. Hosted demo is served by SellMyVibe. Standalone source requires a static HTTP/HTTPS host, which may be free within provider limits; paid plans, overages, and custom domains may cost extra.
Known limitations
Working prototype. Graph markers are not draggable; numeric controls are used. Y control range is limited to -2 through 3; coordinate precision is two decimal places. No spring simulation, keyframe timeline, animation recording, or framework integration. CSS export supplies timing; the buyer must implement the transform change that triggers it. App data resets on reload in the hosted demo; export JSON backups. See the app description for standalone storage behavior. No independent security audit or broad device/browser certification.
Listings are reviewed for completeness and clarity before publication. Approval is not a guarantee of quality, ownership, security or commercial success. Read the details and ask questions before buying.