Skip to content
Vue components that implement a cohesive design system to unite the web facing Creative Commons
Vue JavaScript CSS HTML Dockerfile
Branch: master
Clone or download
Latest commit 4a4819a Jan 14, 2020
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci Add a CircleCI configuration file to enable CI/CD Jun 3, 2019
.github Fix issue templates Jan 14, 2020
documentation Replace CC Vocabulary with Vocabulary in documentation Dec 3, 2019
library Add a peer dependency on Vocabulary Jan 13, 2020
public Add 'vue-' to the Twitter card title Jan 14, 2020
readme_assets Make the Vocabulary logo name consistent with the CC logo in the same… Aug 9, 2019
src Fix URLs in Index template Jan 14, 2020
storybook Update path to tokens Jan 10, 2020
styleguidist Delete style mixins Jan 10, 2020
tests/unit Restyle buttons according to design doc Jan 5, 2020
.browserslistrc Initialise a Vue project with VueCLI and Styleguidist May 29, 2019
.cc-metadata.yml Unset the featured flag Jun 11, 2019
.dockerignore Introduce build/ for compiled website and reserve dist/ for compiled … Jun 17, 2019
.editorconfig Update editor config to cover Stylus styles and Markdown files Aug 1, 2019
.env Add i18n to the project with 'en' being the default and the fallback … Jun 13, 2019
.eslintrc.js Define the indent rule for switch-case blocks Jul 2, 2019
.gitignore Start ignoring the directory docs/ Dec 5, 2019 Add files based on CC's GitHub repo guidelines Jun 4, 2019 Update textual references to recognise contributions in translation Jun 13, 2019
Dockerfile Dockerise the project for development Jun 4, 2019 Partially rename occurrences of cc-vocabulary with vue-vocabulary Nov 29, 2019
LICENSE Add the MIT license to the project May 26, 2019 Update Netlify ID Dec 5, 2019
babel.config.js Update Vue CLI packages Jan 10, 2020
docker-compose.yml Update serve scripts in INSTRUCTIONS and docker-compose Sep 24, 2019
jest.config.js Initialise a Vue project with VueCLI and Styleguidist May 29, 2019
package-lock.json Update version of Vocabulary dependency Jan 14, 2020
package.json Update version of Vocabulary dependency Jan 14, 2020
postcss.config.js Initialise a Vue project with VueCLI and Styleguidist May 29, 2019
styleguide.config.js Remove the `editorConfig` key that has now been deprecated Jan 14, 2020
vue.config.js Get rid of the storysource addon Dec 11, 2019

Creative Commons logo

Vocabulary logo

Vocabulary is a cohesive design system to unite the web facing Creative Commons. Vocabulary makes it easier to develop Creative Commons apps while ensuring a consistently familiar experience.

MIT license Circle CI PRs welcome Netlify npm version

In essence Vocabulary is a collection of UI components, which are parts of web sites and web apps that have significance as being individual units that can be mixed, matched, styled and put together to quickly and effectively develop consistent applications.


Vocabulary is available as


The showcase of the true extent of Vocabulary can be found in the live styleguide and the interactive storybook for the library, showcasing the components therein and variants thereof, on GitHub Pages. Search for a particular component using the search field or just explore the collection of components. If you find one that catches your fancy, play with it on the playground and tweak its knobs.

If it works for you, just pick the code and use it in your own application. If it doesn't and you think more people would love to have this feature open an issue. If something peculiar happens, open a bug report. If you just love it, contribute in some way.

Documentation powered by Netlify.


GitHub repository

We're always looking for contributors to help us find and fix bugs, build new features, help us improve the project documentation or translate the project to another language.

Vocabulary is continuously evolving and improving. You can contribute to the project in a number of ways.

What How
Code If you are a developer, feel free to resolve open issues, proof PRs, add new features to existing components or add new components altogether.
Design If you are a designer, your inputs on making every component more intuitive, aesthetic and joyful will reverberate through the entire ecosystem.
Test If you are a user of these components, your feedback, bug reports and feature requests will drive the project forward so that we can meet your needs.
Translate If you speak a language other than, and in addition to, English, you can help make the project accessible to your community with your words.
Write If you have a knack for writing technical articles, you could be the voice of the library's documentation, making it easy to use and understand.
Share If you can't contribute in these ways, you can refer the project to a friend who might be able to. Spreading the word is the easiest way to help out.

If you're interested, read the file in the repository for instructions regarding contributing to the project.


This project is still under development and as a consequence of the fact, users of the library should be expect to encounter bugs. Feedback and bug reports are welcome, fixes and patches even more so.


Licensed under the Expat/MIT license.

You can’t perform that action at this time.