Good defaults and technical flexibility for life science websites

With compatibility with existing CSS and JS, you can bring your Bootstrap, React or vanilla code base. The VF will not break your existing code.

About the VF

# 1. Add the Sass config, starter and any components
yarn add @visual-framework/vf-sass-config @visual-framework/vf-sass-starter @visual-framework/vf-content @visual-framework/vf-analytics-google
# 2. Import it in your Sass
@import 'node_modules/@visual-framework/vf-sass-starter/index.scss';
@import 'node_modules/@visual-framework/vf-content/vf-content.scss';
# 3. Import JS modules
import { vfGaTrackInteraction } from 'node_modules/@visual-framework/vf-analytics-google/vf-analytics-google.js';

Browse all available components

<!-- CSS only -->
<link rel="stylesheet" href="https://assets.emblstatic.net/vf/v2.5.29/css/styles.css">
<!-- JS -->
<script src="https://assets.emblstatic.net/vf/v2.5.29/scripts/scripts.js"></script>

See examples in our HTML boilerplates for quick starts and layouts.