A VS Code extension that shows web feature compatibility information directly in your edit or using the Baseline standard.
- Hover tooltips - Get instant compatibility information when hovering over CSS properties, JavaScript APIs, HTML elements, and TypeScript features
- Multi-language support - Works with CSS, JavaScript, TypeScript, and HTML files
- Real-time feedback - See compatibility status with visual indicators (✅ Widely Available, 🟡 Newly Available,
⚠️ Limited Availability) - Configurable - Customize which features to show and hide through VS Code settings
- Layout: Grid, Flexbox, Subgrid, Gap properties
- Container Queries and CSS selectors (:has, :is, :where)
- Modern properties: aspect-ratio, backdrop-filter, clip-path
- Transforms, transitions, and animations
- Color schemes and visual effects
- Modern APIs: fetch, AbortController, URL API
- Async/await and Promises
- Observer APIs (Intersection, Resize, Mutation, Performance)
- Array and String methods (includes, find, replaceAll, etc.)
- Web APIs: Geolocation, LocalStorage, FormData
- Form input types (date, email, tel, url, etc.)
- Semantic elements (article, section, nav, etc.)
- Media elements (video, audio, picture)
- Interactive elements (details, summary, dialog)
- All JavaScript features plus TypeScript-specific syntax
- Interfaces, type aliases, enums
- Access modifiers, abstract classes
- Namespaces and advanced typing features
- VS Code 1.103.0 or higher
- No additional dependencies required
This extension contributes the following settings:
baseline-buddy.enableHover: Enable/disable hover tooltips (default: true)baseline-buddy.showUnsupportedFeatures: Show compatibility info for features with limited availability (default: true)baseline-buddy.includeBrowserList: List of browsers to consider for compatibility checks (default: ["chrome", "firefox", "safari", "edge"])
- Open any CSS, JavaScript, TypeScript, or HTML file
- Hover over web features like
display: grid,fetch(),<article>, etc. - See instant compatibility information with visual status indicators
- Configure settings through VS Code preferences to customize behavior
- Some complex regex patterns may not catch all feature variations
- Baseline data is updated periodically - very new features may not be included immediately
Initial release with full feature detection and baseline compatibility checking.
This project is open source and contributions are welcome! Please feel free to submit issues and pull requests.
MIT License - see LICENSE file for details.
Enjoy coding with confidence knowing your web features are Baseline compatible! 🚀