Welcome to the VUD Web library

This library is framework agnostic and consists of pure HTML and CSS. In the library you will find responsive design, custom components, UX guidelines and more.

Download the source code (zip)

About

The web library is Visma's reference implementation of Visma Unified Design (VUD). It's intended both as a live version of the design and as a resource when building web applications, including the tehnical recommendations in the guidelines. Since Visma uses several different platforms for web applications, the web library is intended to be a framework neutral resource.

Source code and issue tracking

The full source code is available as a repository in GitHub. If you don't have access there, contact us if you want a copy. Patches and pull requests are welcome!

All releases of VUD (Visma Unified Design) are available and public via NPM and they are public. 

npm i @vismaux/vud

Also the CSS is available through CDN.

Issues and planning for future versions live in Jira. Email us or file issues directly if you find problems or want us to add things. Remember to use the VUD label.

Versions

An appendix of hosted documentation for nearly every release, from NC3 through VUD, you can find it here.

Browser support

The web library follows the Compatibility Policy from the Product Development Architecture Board (PDAB).

Generally, the web library aims for progressive enhancement, using advanced broswer features where this makes markup cleaner and more future-proof, with fallbacks for older browser as needed. Small visual differences between browser can therefore be expected.


Responsabilities and offering

The Web library provides the product development organisation with a framework agnostic library.

  • Work as a support function, ensuring good developer experience when teams connect to the library
  • Continously develop and maintain useful tools and recommendations for the development team to enagle good execution on the Visma design language VUD
  • Are responsible to package the tools and resources to empower teams to quickly execute on the VUD design language with high quality

Current/Latest release

  • NC-618: Table pagination.
  • GitHub issue #67: Fix '.show-light' and '.show-dark' classes for assignee corresponded 'data-theme' html propriety.
  • GitHub issue #68: Fix overflow dropdown styling for tabs component.
  • Adding vismaicon base core, interface controls and informative icons style from vud-icon liabrary.
  • Fix table background on stiky column and other small bug fixes.

  • Moving the icon base declaration from vud-icons to the main VUD package.
  • Transforming vud-icons from an mandatory package to an 'Icon set extension'.

Next release

  • Small fixes that will be determend later.

Shortcuts

GitHub logo GitHub logo
Download source code
CDN logo CDN logo
CDN (Latest compiled and minified CSS)
NPM logo
npm install @vismaux/vud --s
Jira logo
Add request or report bug
Figma logo
Check out the Figma toolkit
Slack logo
Ask questions and give feedback



Nordic Cool Legacy

NC3 library

NC3 Web library

This is where you will find the Nordic Cool 3 Web library. You are still welcome to report bugs and reach out to the Web library team if you need support with Nordic Cool 3.