Visual Framework 2.0

Search
GitHub
Slack

Components
preview

Component list
About components and patterns
Creating new components
Component versioning interoperability

Layout

EMBL Grid
Body
Cluster
Grid
Stack

Element

EMBL Favicon
EMBL Logo
Badges
Blockquote
Button
Collapse
Divider
Explainer
Favicon
Figure
Headings
Link
Lists
Logo
Text

Block

EMBL Breadcrumbs lookup
Activity List
Article Meta Information
Box
Breadcrumbs
Card
Code Example
Details
Discussion
Embed
Footer
Global Header
Lede
Links List
Masthead
Navigation
Page Header
Pagination
Profile
Search
Section Header
Social icons
Summary
Table
Tabs
Tree
Video
Video Teaser

Container

Acivity List Group
Banner
Card Container
Content
Forms
Header
Hero
Intro
News Container
Summary Container
Video Container

Utility

EMBL-EBI Header and Footer
Compatibility with EBI-VF 1.x Component
EMBL Conditional Edit Links component
EMBL ContentHub Loader component
EMBL Content meta properties
EMBL Notifications
Google Analytics enhancements
Component Rollup
Plex Mono Font
Plex Sans Font
Nearest location
No JS detection
JavaScript Polyfill
Sass config and templates
Sass Starter
Search Client Side
Show more
Full Bleed
Utility Classes

Tools

VF extensions
React extensions
Sass compilation
Component generator

Preview

Variants

Assets

Nunjucks template
Config

File system location: components/preview

Find an issue on this page? Propose a change or discuss it.

The Visual Framework is a toolkit to quickly and collaboratively build better life science websites.

It is open source and used on dozens of life science websites and maintained by a community of front end developers, UX specialists and designers. Get involved.

About

FAQ
Roadmap
Consultation process

Building

Component list
Patterns and examples
Guidance and principles
Troubleshooting

Developing

Setting up
Code of conduct
Making a Pull Request

Project

Search
Changelog, updates
GitHub
Slack

Brought to you by the developers, designers and UX teams at EMBL and EMBL-EBI Meyerhofstraße 1, 69117 Heidelberg, Germany Tel: +49 6221 387-0

Latest release: v2.4.7 See more releases RSS Feed Code license is Apache 2.0