B-Design Scroll. P.O.C
(* ACD)

- Keep
Going ᭺

Subtle, yet Beautiful Scroll

↣ Selected

Animation Series

VOL. N° 2.023

a series of design kits, resources, patterns and components specifications.

N° 01
Simplicity      ●      Consistency      ●      Inclusive
(B-)
- Christopher Miller

Animation is just another way of telling a story.

Scroll-linked animations are when the progress of an animation is directly tied to scroll progress. Scroll-triggered animations are when a normal animation is triggered when an element enters or leaves the viewport.

001003005007009011013015017019021023025027029031033035037039041043045047049051053055057059061063065067069071073075077079081083085087089091093095097099101103105107109111113

Scroll Essentials

↣ Archive

ACD. N° 20 21 22 23

B-Design ⚆ Dev. Highly performant and efficient Library & installers online, configurable stylesheets & modular code, Out of the box. Slick user interface animations.

N° 02

For designers, B-Design offers a wealth of design resources, Sketch kits, and page frames and templates. It is suitable for most enterprise products in the cloud ecosystem, and you can download and use it out of the box. At the same time, B-Design provides multiple color tools to help designers configure visually and generate the theme color customization you need.

For Developers, B-Design covers the complete React component library of Alibaba's two major front-end technology ecosystems, Fusion + Antd, includes the runtime design styles of all B-Design components, and integrates B-Design's unique breathing UI. Out of the box, it can be used for product landing, with good documentation development guidance to help ensure the consistency of product experience.