Skip to content

Boot loader, shell reveal animation, and group timeline editing - #22

Merged
vgomx merged 7 commits into
mainfrom
cursor/ui-polish-ci
Jul 12, 2026
Merged

Boot loader, shell reveal animation, and group timeline editing#22
vgomx merged 7 commits into
mainfrom
cursor/ui-polish-ci

Conversation

@vgomx

@vgomx vgomx commented Jul 12, 2026

Copy link
Copy Markdown
Owner

Summary

  • Add a centered boot loader with animated bezier logo before the editor mounts
  • Choreograph shell entrance so the workspace assembles in order: branding rail → toolbar → panels + timeline together → rulers → floating toolbox
  • Expand group editing with timeline rows, group selection, and animation properties for imported transform groups

Test plan

  • npm run test — 183/183 passing
  • Reload app and verify boot loader → staged shell reveal sequence
  • Confirm rulers appear together after panels/timeline, toolbox last
  • Import a grouped SVG (e.g. train-404) and edit group keyframes in timeline + properties panel

Made with Cursor

vgomx and others added 7 commits July 12, 2026 14:39
Add scaleX/scaleY support, normalize line/path placement for keyframe merge, correct ellipse pivot math for wheel spin, and show progress while importing HTML animations.

Co-authored-by: Cursor <cursoragent@cursor.com>
Paint loading toasts before heavy import work, add a visible progress bar, and resolve strict build failures in css-keyframes and the train import regression test.

Co-authored-by: Cursor <cursoragent@cursor.com>
* Improve CSS animation import timing fidelity for train HTML.

Parse animation-delay, easing, steps(), and alternate direction from class rules and inline styles so streaks stagger, jitter snaps, and bob uses ease-in-out.

Co-authored-by: Cursor <cursoragent@cursor.com>

* Fix train bob origin scope and wheel spoke rotation pivot.

Include nested jitter shapes when resolving parent train transform origins, and rotate imported path layers around their visual center so wheel cross lines stay attached.

Co-authored-by: Cursor <cursoragent@cursor.com>

* Fix uniform wagon jitter across nested CSS group transforms.

Apply group bob/jitter as shared translation plus rotation tilt, scope train transform origins through nested animated groups, and keep wheel spin on the rotation property only so path cars match the middle rect.

Co-authored-by: Cursor <cursoragent@cursor.com>

---------

Co-authored-by: Cursor <cursoragent@cursor.com>
…up layers.

Store CSS group animations on layerGroups instead of baking into every child, compose them at playback, and align import tests with the new model.

Co-authored-by: Cursor <cursoragent@cursor.com>
…icts.

Keep branch-side group layers, Lottie progress, and path pivot transforms over overlapping PR #19 changes on main.

Co-authored-by: Cursor <cursoragent@cursor.com>
Give the app a Figma-like startup sequence that assembles the workspace in order, and let imported transform groups be selected and keyframed from the timeline and properties panel.

Co-authored-by: Cursor <cursoragent@cursor.com>
…conflicts.

Keep branch-side group timeline helpers and store imports on top of main's merged import fidelity work.

Co-authored-by: Cursor <cursoragent@cursor.com>
@vgomx
vgomx merged commit 0969513 into main Jul 12, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant