Coralite v0.18.6

Coralite v0.18.6 delivers a focused update to the core framework, emphasizing developer experience, accessibility, and visual polish. This release includes new tooling for faster local development, improved styling consistency, and enhancements to the default website template that reflect real-world usage patterns.

Key Improvements #

auto-port detection with fallback to port 3000 ensures quicker local server startup, reducing friction during development.
Support for a dedicated styles/ directory enables structured, scalable styling without requiring custom build steps.
Improved file handling for templates and pages now respects changes and unlinks properly, reducing stale state issues.
Added no-cache middleware by default in the UI layer to ensure server responses are not cached, improving reliability during development.
Performance gains through fetchpriority="high" on the hero background image, prioritizing critical assets for faster perceived load times.

New Features & UI Enhancements #

Significant refinements to the default website template now make it more usable out of the box:

Added skip-to-content link for improved keyboard navigation and screen reader support.
Introduced a full set of utility classes: position, flex alignment, border, shadow, and padding—enabling rapid, consistent layout construction.
Expanded visual language with new effects: neon shadows on the logo, ray animations in the hero, and glass-like background styles.
Added a card component and template, author section, feature highlights, and video backgrounds—ready for content-driven sites.
Enhanced dark mode support with media query-based styles and dedicated dark-only variants for navbars, buttons, and code blocks.
Introduced inline CSS processing with minification and @import support via the new coralite-plugin-inline-css (v1.0.0).

Stability & Accessibility #

Fixed inconsistent spacing by aligning margin-bottom with visual strength and removing redundant padding in the navbar.
Corrected URL resolution by ensuring all href attributes include the .html extension.
Improved contrast in the hero section for light mode, enhancing readability.
Updated font sizes for headings and subtitles to improve hierarchy and legibility.
Added underline offset to links in base CSS for better visual feedback.

Code Quality & Maintainability #

Refactored the hero background to be generic, allowing reuse across different sections.
Renamed _fonts.css to _font.css for consistency with naming conventions.
Updated spacing utilities to use py-3 and py-5 in CSS variables, aligning with modern spacing systems.
Replaced inline dot elements with base64-encoded SVGs to reduce HTTP requests.
Improved performance by disabling background animations on mobile devices and enabling them only on larger screens.

How to Upgrade #

Update your project with one of the following commands:

npm install coralite@0.18.6

Or update the scaffolding tool:

npm install coralite-scripts@0.18.6

For full details on changes, view the full changelog.