apunkt/ktx
1
0
Fork 0
mirror of https://github.com/Kaelio/ktx.git synced 2026-06-22 08:38:08 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat(docs): animate ingestion flow with running dots

Browse source 
Replace static smoothstep edges in the introduction page's ingestion
diagram with a custom animated edge that runs glowing cyan dots along
each path, conveying the source → stage → output flow. Dot duration
scales with path length and is hidden under prefers-reduced-motion.
This commit is contained in:
Andrey Avtomonov 2026-05-18 17:30:20 +02:00
parent 78527fdf59
commit d34c0a37f5
2 changed files with 80 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs-site/tests/product-mechanics-content.test.mjs
View file

@ -86,7 +86,9 @@ test("product mechanics component explains ingestion outputs", async () => {
'"use client"',
"@xyflow/react",
"<ReactFlow",
"smoothstep",
"getSmoothStepPath",
"animateMotion",
"mechanics-flow-dot",
]) {
assert.ok(
component.includes(expectedText),