Atlas Homepage Panels

Expression atlas homepage and Single cell homepage will follow this design, with two stacked panel boxes containing of an option bar and a collection of different type of cards.

Single cell homepage design

The top panel box introduces the experiments clustered by species, which uses atlas-homepage-card package.

The bottom panel box introduces featured experiments and latest experiments, which uses latest-experiments-cards package.

Run it on your browser

Use Webpack-Serve:

npm install
npx webpack-serve -d