valknar/kit-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
141 Commits 1 Branch 0 Tags
0f5e67a0072b952e364c977e68ddd7c7b27da579
Commit Graph

7 Commits

Author SHA1 Message Date
Sebastian Krüger
0f5e67a007 fix: remove duplicate className attribute in AnimationSettings cubic-bezier labels 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-02-28 17:35:57 +01:00
Sebastian Krüger
d0e8ae322f style: move units into label text in KeyframeProperties SliderRow 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-02-28 17:33:03 +01:00
Sebastian Krüger
0e95b7e543 fix: track animation ended state and wire preview controls correctly 
- Replace boolean paused with AnimState ('playing'|'paused'|'ended')
- Use onAnimationEnd to detect when finite animations finish
- Play re-enables after end and restarts the animation (replay)
- Pause only active while playing; Restart always available
- Config changes auto-restart preview so edits are instantly visible

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-02-28 17:17:20 +01:00
Sebastian Krüger
27c7372a31 style: match ToggleGroup style to QR preview (outline variant, h-6 compact items) 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-02-28 17:13:47 +01:00
Sebastian Krüger
1a517c4655 style: replace speed Select with ToggleGroup in AnimationPreview 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-02-28 17:12:04 +01:00
Sebastian Krüger
f4ee557e26 fix: preset thumbnails no longer conflict with main preview animation 
- Inject only @keyframes (not .animated class rule) per preset thumbnail
  so the main preview's .animated rule cannot override them
- Drive thumbnail animation entirely via inline style properties
- Remove isActive/currentName — presets should never appear selected

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-02-28 17:08:22 +01:00
Sebastian Krüger
eeef3283c8 feat: add CSS Animation Editor tool 
Comprehensive visual editor for CSS @keyframe animations:
- AnimationSettings: name, duration, delay, easing (incl. cubic-bezier), iteration, direction, fill-mode
- KeyframeTimeline: drag-to-reposition keyframe markers, click-track to add, delete selected
- KeyframeProperties: per-keyframe transform (translate/rotate/scale/skew), opacity, background-color, border-radius, blur, brightness via sliders
- AnimationPreview: live preview on box/circle/text element with play/pause/restart and speed control (0.25×–2×)
- PresetLibrary: 22 presets across Entrance/Exit/Attention/Special categories with animated thumbnails
- ExportPanel: plain CSS and Tailwind v4 @utility formats with copy and download

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-02-28 14:17:04 +01:00