Animation

Circular wipe switcher

Still of the Circular wipe switcher component, a Fieldbook UI component in Animation. — Circular wipe switcher, a Fieldbook UI component in Animation.

Access this component with a Fieldbook membership.

Open the live workbench See membership Use it from your agent

Nearby

Still of the Archetype morph shape component, a Fieldbook UI component in Animation.

2917Archetype morph shapeAnimationOne shape morphs through a button, a switch, a slider, a card and a checkbox, with live readouts of its width, height, corner radius and parts as it changes.

Still of the Composable Reveal component, a Fieldbook UI component in Animation.

1676Composable RevealAnimationOne reveal wrapper whose slide, fade, zoom and defocus parts can each be switched on and combined into a single spring transition.

Still of the Pixel Curtain component, a Fieldbook UI component in Animation.

Pixel CurtainAnimation

Still of the Spring easing toggle component, a Fieldbook UI component in Animation.

1808Spring easing toggleAnimationA tile that slides between two stops on a spring curve baked into a plain CSS transition, with the generated curve plotted beside it.

Still of the Swap timing modes component, a Fieldbook UI component in Animation.

Swap timing modesAnimation

Still of the Blur reveal component, a Fieldbook UI component in Animation.

Blur revealAnimation