\n\n# Unlocked UI\n\nUnlocked is a forward thinking, modern Tailwind based component library built for Vue. \n\nWe're currently solely maintained by Unlocked's creator [Ryan Weston](github.com/ryanweston). Unlocked was built with the aim to help provide a foundation for your design system and to enable developers and designers to be able to quickly prototype and build modern applications with ease. \n\nAs we look to the future of the web, we're looking to provide tools for developers adopting new forward thinking web technologies such as Web3, AR & VR. We're adopting this ethos as we built out our [Web3 components](unlocked.to/web3). These are compositional components, inspired by TailwindUI and built with Unlocked, to help fastrack your Web3 projects. 🚀\n\nUnlocked is community driven and relies on feedback to help improve. 🎉\n\n- [Join our Discord](github.com/ryanweston)\n- [Follow our Twitter](github.com/ryanweston)\n\n## Getting started\n\nFor more complete documentation, please refer to our [official documentation](docs.unlocked.to).\n\nTo install in your Vue application: \n\n```bash \nyarn add @unlocked/foundation\n```\n\n ```js\n import { unlockedGlobal, defaultTheme } from '@unlocked/foundation'\n \n app.use(unlockedGlobal, { \n theme: defaultTheme\n })\n ```\n\n## Commit style\nCommit messages must conform to the to the [conventional commits format](https://www.conventionalcommits.org/en/v1.0.0/#summary).\n\n```bash \ntype(scope?): subject #scope is optional\n```\n\nMessage types:\n- chore\n- feat\n- fix\n- refactor\n- revert\n- style\n- test\n","readmeFilename":"README.md","description":"
![\"Vuetify](\"https://unlocked.to/logo-withoutText.svg\"){kind=logo}
![\"Unlocked](\"https://unlocked.to/logo-dark.svg\"){kind=logo}
![](\"https://img.shields.io/npm/v/@unlocked/foundation\")
![](\"https://img.shields.io/npm/dm/@unlocked/foundation\")