RocketUI - Snippets of common UI elements
Raw HTML + CSS snippets of common UI components. No frameworks nor libraries needed.
Features
Quick start
- Open or create an HTML file and start coding.
- Start typing 're-' and a list of snippets will show up.
- Select the snippet you need. Its code will be inserted at cursor position.
- Move the code marked as CSS to your project's stylesheet.
Using RocketUI on Visual Studio Code:
RocketUI library reference screenshot:
Figma file screenshot:
The goal of this extension is to help:
- front-end development beginners to learn how to build common UI with raw HTML & CSS.
- front-end development professionals that don't want/need a CSS framework to quickly build web interfaces being more productive.
Known Issues
The element 'Form: Multiple options' does not work properly yet. Will be fixed in future releases. Sorry for the inconvenience.
Release Notes
1.0.1
- Layout snippets removed. They will be available in our new extension RocketGrids (common CSS Grid layouts snippets).
- Icon changed. Now is better identified as a UI building tool.
- Readme improved. 'Quick start' steps are now clearer.
- Screenshots updated.
1.0.0
Initial release of this extension.
About
| |