selemondev/spark-ui v2.0.0

on GitHub

   🚀 Features

• Port remaining MagicUI components with docs, examples and demos  -  by @selemondev (7905c)

   🐞 Bug Fixes

• android:
  • Fit the demo in the preview  -  by @selemondev (7c443)
• animated-beam:
  • Render on iOS Safari and Chrome  -  by @selemondev (dc5f9)
  • Animate gradient via SMIL for WebKit support  -  by @selemondev (a73a1)
  • Apply WebKit fix to Multiple Outputs demo copy  -  by @selemondev (cdd37)
  • Recompute path via ResizeObserver and post-flush watch  -  by @selemondev (2bd82)
  • Fit the demo in the preview  -  by @selemondev (91ef7)
• animated-gradient-text:
  • Restore the moving gradient border in the demo  -  by @selemondev (52148)
• animated-grid-pattern:
  • Bound animations to current square generations  -  by @selemondev (63428)
  • Fill the preview card  -  by @selemondev (bf22c)
• animated-list:
  • Reveal reactive slots with cancellable timing  -  by @selemondev (71355)
  • Use theme-safe dark styles for notification  -  by @selemondev (aa502)
  • Fit the demo in the preview  -  by @selemondev (c215f)
• animated-shiny-text:
  • Fit the demo in the preview  -  by @selemondev (0c6f8)
• animated-tooltip:
  • Expose keyboard descriptions and dismissal  -  by @selemondev (3a14b)
  • Keep tooltips inside the preview  -  by @selemondev (92927)
• aurora:
  • React to gradient color and speed changes  -  by @selemondev (c8bd9)
  • Fit the demo in the preview  -  by @selemondev (f686f)
  • Keep the space between the demo's words  -  by @selemondev (7b67a)
• automation:
  • Validate issue inputs before remote mutations  -  by @selemondev (1efb4)
• avatar-circles:
  • Render optional counts without empty links  -  by @selemondev (44fa5)
  • Fit the demo in the preview  -  by @selemondev (a5d72)
• backlight:
  • Fit the demo in the preview  -  by @selemondev (e8820)
• bento-grid:
  • Keep declared layout classes reactive  -  by @selemondev (d89d3)
  • Fit the demo in the preview  -  by @selemondev (d4f8b)
• blur:
  • Honor reactive variants timing and viewport margins  -  by @selemondev (d15a6)
• blur-fade:
  • Fit the demo in the preview  -  by @selemondev (64da6)
• border-beam:
  • Fit the demo in the preview  -  by @selemondev (05d82)
• ci:
  • Validate before creating GitHub releases  -  by @selemondev (b60ea)
• client-tweet-card:
  • Fit the demo in the preview  -  by @selemondev (77438)
• code-comparison:
  • Remove VitePress coupling and stale highlights  -  by @selemondev (e3730)
  • Fit the demo in the preview  -  by @selemondev (502b4)
• comic-text:
  • Fit the demo in the preview  -  by @selemondev (db704)
• components:
  • Align newer families with canonical source ownership  -  by @selemondev (ed542)
  • Resolve motion-v type gaps in number-ticker, spinning-text, pointer, shiny-button, text-animate  -  by @selemondev (eb62e)
• confetti:
  • Preserve pending bursts and independent canvas ownership  -  by @selemondev (d1872)
  • Draw demo confetti inside the preview card  -  by @selemondev (e5155)
• cool-mode:
  • Isolate particles and stop held effects on unmount  -  by @selemondev (03279)
  • Confine particles to an optional container  -  by @selemondev (264da)
• decorative-motion:
  • Keep static shadows and rays for reduced motion  -  by @selemondev (6e7d7)
• decorative-text:
  • React to class changes and complete copied examples  -  by @selemondev (f1a9f)
• deps:
  • Pin framer-motion and motion-dom to the versions pnpm resolved  -  by @selemondev (eb1ac)
• device-frames:
  • Preserve artwork coordinates and isolate screen masks  -  by @selemondev (9ff80)
• dia-text-reveal:
  • Reset stale cycles and resolve foreground colors  -  by @selemondev (251aa)
  • Fit the demo in the preview  -  by @selemondev (c8a85)
• dock:
  • Use viewport coordinates for pointer magnification  -  by @selemondev (3a841)
  • Fit the demo in the preview  -  by @selemondev (d4560)
• docs:
  • Align copied utility imports with installation  -  by @selemondev (64788)
  • Confine Markdown requests to documentation root  -  by @selemondev (0754b)
  • Generate configured Tailwind animations without resetting layout  -  by @selemondev (541b4)
  • Supply semantic color tokens for component previews  -  by @selemondev (125f1)
  • Register the intended source alias  -  by @selemondev (ae770)
  • Expose keyboard demo controls and portable copied imports  -  by @selemondev (80482)
  • Correct dead tweet-card link that failed the build  -  by @selemondev (680c4)
  • Keep VitePress prose styles out of demo previews  -  by @selemondev (1118c)
  • Contain demos inside the preview card  -  by @selemondev (f2903)
  • Keep dark-mode doc link colors out of demo previews  -  by @selemondev (95d06)
  • Stop UnoCSS attributify from styling SVG attributes and props  -  by @selemondev (3af68)
• dotted-map:
  • Fit the demo in the preview  -  by @selemondev (a920a)
• examples:
  • Remove Markdown from gradient text source  -  by @selemondev (b0d05)
• file-tree:
  • Implement visible node keyboard traversal  -  by @selemondev (df580)
  • Animate folder collapse from its measured height  -  by @selemondev (c6806)
  • Fit the demo in the preview  -  by @selemondev (5bb15)
• flickering-grid:
  • Rebuild reactive geometry with one animation loop  -  by @selemondev (acd9c)
  • Fill the preview card  -  by @selemondev (8386b)
• floating-3d-particles:
  • Fill the preview card  -  by @selemondev (f24e7)
• glare-hover:
  • Fit the demo in the preview  -  by @selemondev (87181)
• globe:
  • Destroy renderers without changing host document styles  -  by @selemondev (ec397)
  • Center sphere and fill wrapper so it renders and rotates  -  by @selemondev (d0182)
  • Size the render buffer from the canvas and fit the demo  -  by @selemondev (30e7e)
• glyph-matrix:
  • Honor static cells and rebuild changed geometry  -  by @selemondev (00513)
• gradual-spacing:
  • Fit the demo in the preview  -  by @selemondev (6694a)
• grid-pattern:
  • Fill the preview card  -  by @selemondev (e732e)
• hero-video-dialog:
  • Preserve modal focus through animated dismissal  -  by @selemondev (34301)
  • Open the dialog inside an optional container  -  by @selemondev (c9fcf)
• hexagon-pattern:
  • Fill the preview card  -  by @selemondev (31199)
• highlighter:
  • Fit the demo in the preview  -  by @selemondev (d18ed)
• hyper-text:
  • Retain current prop and slot content through scrambling  -  by @selemondev (c47e9)
• icon-cloud:
  • Align source selection and scaled pointer interaction  -  by @selemondev (94c4a)
  • Correct depth-based scale and opacity  -  by @selemondev (979ef)
  • Fit the demo in the preview  -  by @selemondev (e36f3)
• interactive-grid-pattern:
  • Fill the preview card  -  by @selemondev (7eef9)
• interactive-hover-button:
  • Avoid form submission and duplicate accessible content  -  by @selemondev (58c73)
• iphone:
  • Fit the demo in the preview  -  by @selemondev (f297d)
• lens:
  • Keep magnified content inert and hidden from accessibility  -  by @selemondev (cb9ba)
  • Fit the demo in the preview  -  by @selemondev (e80c2)
• letter-motion:
  • Preserve reactive phrases and heading semantics  -  by @selemondev (8c905)
• letter-up:
  • Use millisecond stagger delay  -  by @selemondev (47eb3)
  • Fit the demo in the preview  -  by @selemondev (29be8)
• light-rays:
  • Fit the demo in the preview  -  by @selemondev (4f5c0)
• lint:
  • Uppercase hex literal and rename dotted-map computed to avoid key collision  -  by @selemondev (e3bf5)
  • Use decimal max code point to avoid hex-case/formatter conflict  -  by @selemondev (83a76)
• magic-card:
  • Use screen blending for the orb in dark mode  -  by @selemondev (28f30)
  • Fit the demo in the preview  -  by @selemondev (d55f7)
• marquee:
  • Preserve reactive nonshrinking accessible tracks  -  by @selemondev (d5998)
  • Pause the reverse vertical column on hover in the demo  -  by @selemondev (b6912)
  • Fill the preview card  -  by @selemondev (22ef0)
• meteors:
  • Fit the demo in the preview  -  by @selemondev (eac0f)
• noise-texture:
  • Fit the demo in the preview  -  by @selemondev (25040)
• orbiting-circles:
  • Apply reactive animation reversal  -  by @selemondev (95270)
  • Fit the demo in the preview  -  by @selemondev (b7a60)
• particles:
  • Correct transparent layers and copied background examples  -  by @selemondev (75c30)
  • Fit the demo in the preview  -  by @selemondev (52ef1)
• pixel-image:
  • Fit the demo in the preview  -  by @selemondev (5bc16)
• pointer:
  • Render the pointer inside its parent when contained  -  by @selemondev (f0794)
• progress:
  • Expose bounded accessible values and finite geometry  -  by @selemondev (e613d)
• registry:
  • Decode filesystem paths from module URLs  -  by @selemondev (0d444)
• release:
  • Select the next major and reject duplicate versions  -  by @selemondev (999da)
• resizable-navbar:
  • Associate keyboard controls and restore menu focus  -  by @selemondev (6e529)
  • Dark-mode hover pill for nav items  -  by @selemondev (81233)
  • Responsive width without fixed min-width  -  by @selemondev (6bfbb)
  • Show the scrolled background in dark mode  -  by @selemondev (65672)
  • Track an optional scroll container  -  by @selemondev (56b59)
• retro-grid:
  • Retain reactive presentation classes  -  by @selemondev (eb05f)
  • Fill the preview card  -  by @selemondev (f26ef)
• ripple:
  • Resolve semantic border colors and reactive classes  -  by @selemondev (b111c)
  • Fill the preview card  -  by @selemondev (38117)
• safari:
  • Fit the demo in the preview  -  by @selemondev (a6a88)
• scripts:
  • Restore Node ESM resolution and type checking  -  by @selemondev (1ebc9)
  • Stop requiring retired sync assets  -  by @selemondev (3ec53)
• scroll-progress:
  • Track an optional scroll container  -  by @selemondev (b6577)
• shiny-button:
  • Scope dark-mode styles to the button  -  by @selemondev (46c5c)
• skewed-infinite-scroll:
  • Fit the demo in the preview  -  by @selemondev (bc9e1)
• skewed-scroll:
  • Fill the loop with an inert following track  -  by @selemondev (53def)
• smooth-cursor:
  • Render the cursor inside its parent when contained  -  by @selemondev (12640)
• striped-pattern:
  • Fill the preview card  -  by @selemondev (948ea)
• terminal:
  • Track reactive slot text and cancel typing timers  -  by @selemondev (781b4)
  • Adapt surface, border and text to dark mode  -  by @selemondev (d0b38)
  • Sequence demo lines after the command finishes typing  -  by @selemondev (3416a)
  • Fit the demo in the preview  -  by @selemondev (1807d)
• text-3d-flip:
  • Keep word spacing and type the Intl.Segmenter guard  -  by @selemondev (febd3)
  • Fit the demo in the preview  -  by @selemondev (fdb88)
• text-animate:
  • Pass once through motion-v inViewOptions  -  by @selemondev (894c9)
  • Render line breaks and fit the demo  -  by @selemondev (65912)
• text-reveal:
  • Reveal words across the scroll range in scroll containers  -  by @selemondev (c97ea)
• theme-toggle:
  • Serialize transitions and clean up skipped animations  -  by @selemondev (4d196)
• tooling:
  • Target existing documentation workspace  -  by @selemondev (312c6)
• tweet-card:
  • Fit the demo in the preview  -  by @selemondev (cc43b)
• typing-animation:
  • Restart current text and cancel stale timers  -  by @selemondev (89e69)
• warp-background:
  • Fit the demo in the preview  -  by @selemondev (e2a65)

    View changes on GitHub