JasminCSS IntelliSense for Nova

Intelligent autocomplete and documentation for JasminCSS utility classes.

Features

• Autocomplete - Get suggestions for all JasminCSS classes as you type
• Documentation - See the CSS output and description for each class
• Responsive Prefixes - Supports sm:, md:, lg:, xl:, 2xl: breakpoints
• State Variants - Supports hover:, focus:, active:, disabled:, dark:, and more
• Pixel Equivalents - Shows computed pixel values for rem units

Supported Languages

• HTML
• JavaScript / TypeScript
• JSX / TSX
• Vue
• Svelte
• PHP

Configuration

• Enable JasminCSS IntelliSense - Toggle the extension on/off
• Show Pixel Equivalents - Display pixel values for rem measurements
• Root Font Size - Set the base font size for pixel calculations (default: 16)

Usage

Simply start typing a class name inside a class or className attribute:

<div class="flex justify-center items-center">

The extension will suggest matching JasminCSS classes with their CSS output.

Learn More

• GitHub Repository

License

MIT

Changelog

All notable changes to JasminCSS IntelliSense for Nova will be documented in this file.

[1.0.3] - 2025-01-19

Added

• Component Snippets: Type j- followed by a component name to insert full HTML structures
• j-card - Card with header, body, and footer
• j-modal - Modal dialog with backdrop
• j-form - Form with input groups and validation
• j-table - Responsive table with header and body
• j-navbar - Navigation bar with brand and links
• j-sidebar - Sidebar navigation
• j-accordion - Collapsible accordion
• j-tabs - Tabbed interface
• j-dropdown - Dropdown menu
• j-alert - Alert message
• j-toast - Toast notification
• j-badge - Badge/tag
• j-progress - Progress bar
• j-spinner - Loading spinner
• j-breadcrumb - Breadcrumb navigation
• j-pagination - Pagination controls
• j-chip - Chip/tag component
• j-drawer - Slide-out drawer
• j-hero - Hero section
• j-footer - Footer section
• And many more!

[1.0.2] - 2025-01-19

Added

• Added 300+ new component classes:
• Accordion (accordion, accordion-item, accordion-trigger, etc.)
• Extended Alerts (alert-solid-, alert-outline-, alert-border-*)
• Toast notifications (toast, toast-success, toast-error, etc.)
• Banner components
• Extended Buttons (btn-xs, btn-xl, btn-glow, btn-gradient, btn-glass, etc.)
• Extended Cards (card-glass, card-gradient, card-hover, card-pricing, etc.)
• Chips (chip, chip-primary, chip-removable, chip-group, etc.)
• Extended Dropdown (dropdown-mega, dropdown-select, context-menu, etc.)
• Extended Forms (form-switch, form-check, form-floating, input-group, etc.)
• Extended Modal (modal-glass, modal-sm/lg/xl, etc.)
• Drawer components (drawer-left, drawer-right, drawer-bottom, etc.)
• Navigation (navbar-, sidebar-, nav-link, breadcrumb, tabs, pagination)
• Extended Progress (progress-circle, progress-glow, progress-striped, etc.)
• Extended Spinner (spinner-*, dots-loader, pulse-loader, bar-loader)
• Extended Table (table-sortable, table-hover, data-table, etc.)
• Extended Badge (badge-soft-, badge-dot, badge-status-, etc.)
• Tag components
• Dialog confirm components

Fixed

• Limited completions to 50 results for better performance
• Smart filtering based on what you type
• Dynamic prefix support (hover:, sm:, etc.)

[1.0.1] - 2025-01-19

Fixed

• Fixed completion provider registration for all file types
• Improved error handling and logging
• Better class attribute detection

[1.0.0] - 2025-01-19

Added

• Initial release
• Autocomplete for all JasminCSS utility classes
• Support for responsive prefixes (sm:, md:, lg:, xl:, 2xl:)
• Support for state variants (hover:, focus:, active:, disabled:, dark:, etc.)
• CSS documentation for each class
• Pixel equivalent display for rem values
• Configurable root font size for pixel calculations
• Support for HTML, JavaScript, TypeScript, JSX, TSX, Vue, Svelte, and PHP