Git Product home page Git Product logo

govuk-vue's Introduction

GOV.UK Vue

GOV.UK Vue is a Vue 3 component library for GOV.UK Frontend. It enables you to build Vue apps based on the GOV.UK Design System.

An illustration of a big green 'Start now' button connected to its Vue code

You can use GOV.UK Vue to build easy-to-use, accessible apps whether you're working on a government service or not.

GOV.UK Vue is currently in alpha, so things may change between now and the first stable release - please share any feedback by starting a discussion or raise an issue for any problems.

Demo

A simple GOV.UK-style page with a text input component

See a minimal example of a GOV.UK-style page using this library.

The source for this demo is available in the govuk-vue-minimal-example repo.

Getting started and documentation

govukvue.org has detailed instructions on how to install GOV.UK Vue, including how to use GOV.UK Vue with Nuxt.

There's also detailed documentation and examples for every component.

If you need any help getting set up, get in touch.

Goals

GOV.UK Vue aims to provide all of the GOV.UK Frontend components as Vue components.

In almost all cases GOV.UK Vue provides every option available in the original Nunjucks templates and outputs the same HTML (though there are some differences).

Styling is entirely provided by GOV.UK Frontend. GOV.UK Vue does not reimplement any of the Frontend styling, or provide any of its own.

Accessibility is the #1 priority of GOV.UK Vue. It provides full support for all accessibility features in GOV.UK Frontend, and any accessibility issues will be given priority over new features.

All JavaScript functionality from GOV.UK Frontend, such as accordions and character counts, is reimplemented in TypeScript within individual Vue components. No JavaScript files from GOV.UK Frontend are used. No external dependencies are used in components beyond Vue.

License and credit

This project is licenced under the MIT License. An acknowledgement in your README.md is appreciated but not necessary.

Even if you don't need any help, I'd love to know what you're using GOV.UK Vue for - please get in touch if you use it.

Sponsoring GOV.UK Vue

GOV.UK Vue is built and maintained by Matt Eason as a community resource. It's not maintained or supported by GDS.

If you find this project useful, I'd really appreciate your support through Ko-fi or GitHub Sponsors.

Buy Me a Coffee at ko-fi.com

govuk-vue's People

Contributors

matteason avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.