A simple and efficient VS Code extension that provides ready-made HTML/CSS code snippets for faster development.
Features
- Type
.format to insert a complete HTML page template with nav, hero, card, form, table, modal and footer
- Type
.format-html5 for HTML5 boilerplate
- Type
.format-nav for navigation bar
- Type
.format-form for form template
- Type
.format-table for table template
- Type
.format-card for card component
- Type
.format-hero for hero section
- Type
.format-footer for footer section
- Type
.format-grid for CSS Grid layout
- Type
.format-flex for Flexbox layout
- Type
.format-reset for CSS Reset
- Type
.format-modal for modal dialog
- Type
.format-responsive for responsive media queries
Usage
- Open any HTML, CSS, JS, or TS file
- Type
.format and select from the suggestions
- The code snippet will be inserted instantly
You can also use Command Palette (Ctrl+Shift+P) and search for "Format Tool: Show All Snippets" to see all available snippets.
Supported Languages
HTML, CSS, SCSS, LESS, JavaScript, TypeScript, JSX, TSX, Vue, Svelte, PHP, Plaintext, Markdown
License
MIT
| |