UNPKG

cheapskate

Version:

Low-budget user interface animation

gitlab.com/kevindoughty/cheapskate

32 lines (21 loc) • 950 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
# Cheapskate Low-budget user interface animation ### Not for production use This is not a robust enough abstraction to be suited for any use case other than the given examples. This does not work in Firefox but should in Chromium-based browsers. ### Examples Live demo: [kevindoughty.gitlab.io/preact-sibling-animation](https://kevindoughty.gitlab.io/preact-sibling-animation) Preact: [gitlab.com/kevindoughty/preact-sibling-animation](https://gitlab.com/kevindoughty/preact-sibling-animation) Svelte: [gitlab.com/kevindoughty/svelte-four-sibling-animation](https://gitlab.com/kevindoughty/svelte-four-sibling-animation) ### Todo 1. Tests 2. Documentation 3. Allow delegate to specify enter/exit animation 4. Allow delegate to specify stagger 5. CSS for exit animation needs to properly consider box-sizing and properties that affect metrics, which are determined by offsetLeft and offsetTop 6. Drag-reorder siblings 7. Trees 8. Virtualize