Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Bulma SnippetsNew to Visual Studio Code? Get it now.
Bulma Snippets

Bulma Snippets

alexlazar97

|
1,100 installs
| (0) | Free
This is an extension that provides snippets for the CSS framework called Bulma. It's not the only one out there, but I didn't like the alternatives, so I built it.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

bulma-snippets README

The extension is pretty self-explenatory. Snippets for the Bulma CSS framework. I built it simply because I didn't like the ones currently available. I think mine is pretty good & I personally use it.

How To

Type "bul:" and snippets appear. It only works in the html language mode.

Once you learn the snippet prefixes you don't have to start with "bul:". You could, for example, type "nav" and the snippet for the navbar will appear.

Again, it's all quite simple.

Features

One feature is that I included javascript code for some of the snippets (navbar, notifications). It's added in the snippet in the form of embeded scripts.

There are snippets for:

  • the cdn
  • navbar component
  • hero component
  • card component
  • modal component
  • form & form inputs
  • sections & containers
  • etc.

Known Issues

There are no know issues, but if any are found please do report them & I'll try to fix them quickly.

Release Notes

0.0.1

Initial release.


Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft