Official Visual Studio Code snippets for Mantle Flex, the utility-first CSS library from Mantle UI.
The initial catalogue contains 920 Mantle Flex-compatible utility snippets for HTML, JavaScript, TypeScript, React, and Vue. Marketplace publication will follow once the Mantle UI Visual Studio Marketplace publisher is configured.
After installing the extension, start typing a Mantle Flex utility class in a supported file and choose a completion. For example:
<div class="flex justify-content-between p-4"></div>The first release preserves PrimeFlex v3-compatible utility class names so projects moving to @mantle-ui/flex retain their editor workflow.
npm install
npm run verify
npm run pack:checknpm run verify validates the snippet catalogue. npm run pack:check previews the files included in the extension package.
Mantle UI is community-maintained. Financial support helps fund maintenance, documentation, infrastructure, contributor work, and community initiatives.
Support the project through Open Collective. Mantle UI is fiscally hosted by the Open Source Collective. See FUNDING.MD for details.
- Ask questions or share ideas in Discord.
- Report bugs and propose changes through GitHub Issues.
- Read CONTRIBUTING.md before opening a pull request.
- Our community follows the Code of Conduct.
The initial snippet catalogue is derived from the MIT-licensed PrimeFlex 3 Snippets project by Yiğit Findikli. Full attribution is in THIRD_PARTY_NOTICES.md.
Mantle Flex Snippets is an independent community-maintained Mantle UI project and is not affiliated with PrimeTek or Prime UI. It is released under the MIT License.