HTML CSS AutoComplete Pro
Smart auto-complete for HTML and CSS in VS Code — tags, attributes, properties, values, and ready-made snippets.
Features
HTML Auto-complete
- All HTML5 tags with descriptions
- Tag-specific attribute suggestions
- Attribute value suggestions (e.g.
type, target, rel, method)
- ARIA attributes (
role, aria-label, aria-hidden, etc.)
CSS Auto-complete
- 60+ CSS properties with descriptions
- Smart value suggestions per property (colors, sizes, keywords)
- Flexbox, Grid, animation, filter, transform properties
HTML Snippets
Type the prefix and press Tab to expand:
| Prefix |
Description |
html5 or ! |
Full HTML5 boilerplate |
card |
Card component |
form |
HTML form |
login |
Login form |
navbar |
Navigation bar |
hero |
Hero section |
table |
HTML table |
flex-container |
Flexbox container |
grid-container |
Grid container |
figure |
Image with caption |
details |
Accordion (details/summary) |
video |
HTML5 video |
audio |
HTML5 audio |
meta-seo |
SEO meta tags |
picture |
Responsive image |
CSS Snippets
| Prefix |
Description |
reset |
CSS reset / base styles |
flex-center |
Flexbox centering |
flex-row |
Flexbox row |
flex-col |
Flexbox column |
grid-autofit |
Auto-fit responsive grid |
grid-cols |
Fixed column grid |
abs-center |
Absolute center |
full-cover |
Full-size overlay |
transition |
Smooth transition |
gradient |
Linear gradient |
card-shadow |
Card box shadow |
variables |
CSS custom properties |
dark-mode |
Dark mode media query |
media-mobile |
Mobile breakpoint |
keyframes |
CSS animation |
btn |
Styled button |
truncate |
Text ellipsis |
line-clamp |
Multi-line clamp |
sticky |
Sticky positioning |
sr-only |
Screen reader only |
Requirements
VS Code version 1.80.0 or higher.
Extension Settings
This extension does not add any VS Code settings.
License
MIT
| |
