Product Updates
A timeline of every feature added, bug squashed, and pixel polished.
Astro 7 & Multiple Hero Variants
This release upgrades the framework to Astro 7 and introduces a set of visual variants for the homepage hero, so you can pick the style that fits your project best.
✨ New Features
- 4 Hero Variants:
centered(default),split,cinematic, andterminal— switch between them with a singlevariantprop on<Hero />. - Live Demo Pages:
/demo/home-centered,/demo/home-split,/demo/home-cinematic, and/demo/home-terminalrender the full homepage with each variant, linked from a new Demos menu in the navigation. - Shared Homepage Content: Extracted the homepage body into a reusable
HomeContentcomponent so the real homepage and all demo pages stay in sync.
⬆️ Upgrades
- Astro 7: Upgraded
astroand all@astrojs/*integrations to their Astro 7-compatible releases. - Wrangler 4.107: Updated to satisfy the new Cloudflare adapter’s peer dependency.
🐛 Fixes
- Developer Experience Terminal: Fixed a markup bug where the install command’s tool name (
npx) rendered on its own line instead of alongside its arguments, making the terminal mockup on the Features page hard to read. - Adapter Selection: Fixed a regression where the site always built with the Vercel adapter regardless of the target deployment platform.
🌍 Internationalization (i18n)
- Added translation keys for the new hero stats and “Demos” navigation entries across English, French, German, and Arabic.
Astro 6.1 & Security Fortification
Today’s update marks a significant milestone in Cooper’s stability and security. We’ve synchronized the entire stack with the latest industry standards.
🛡️ Security & Stability
- Zero-Vulnerability Status: Resolved 15+ security vulnerabilities identified in the latest audit.
- Astro 6.1.3: Synchronized all official integrations with the latest core framework.
- Tailwind CSS 4.2: Full migration to the lightning-fast, CSS-first engine.
- Vite 7: Leveraging the newest build pipeline for improved performance.
♿ Accessibility (A11y)
- RGAA 4 & WCAG 2.1 Compliance: Systematic audit and repair of visual contrast (4.5:1 ratio) and structure to meet French (RGAA 4) and international standards.
- Semantic Hierarchy: Corrected heading levels and removed decorative IDs to ensure perfect screen reader navigation.
- Social ARIA Labels: Descriptive, localized labels added to all social media links.
🌍 Internationalization (i18n)
- Native RTL Support: Improved Right-to-Left (RTL) logic for Arabic.
- Localized Prepositions: Added context-aware social labels for English, French, Arabic, and German.
🧹 Maintenance & DX
- Cleanup: Removed unused
cmdkdependency to slim down the bundle. - Deployment: Integrated and optimized the Cloudflare Workers deployment pipeline.
Astro 6 Upgrade
We’re excited to announce that Cooper has been upgraded to Astro 6!
🚀 Astro 6 Benefits
- Faster builds: Experience significantly reduced build times.
- Improved developer experience: Upgraded integrations and tooling.
- Enhanced performance: Leverage the latest Astro features for lightning-fast sites.
🔍 Search Upgrade
- Replaced Pagefind with Fuse.js: Switched to a lightweight, client-side fuzzy search engine for faster and more flexible search results.
Roadmap to 1.0
We are finalizing the roadmap for our first major release. The focus is on three key pillars:
🌍 Internationalization (i18n)
We are building a robust i18n system from the ground up.
- Multi-language Support: Seamless routing for
en,fr,de, andar. - RTL Support: First-class support for Right-to-Left languages like Arabic.
- Type-safe Translations: A type-safe dictionary for all UI components.
🔍 Search Capabilities
Integrating a powerful static search engine for instant results.
- Pagefind Integration: Zero-config, static search indexing.
- Command Palette:
Cmd+Kinterface for quick navigation. - Multilingual Indexing: Search results respect the current language.
🔓 Open Source
Preparing the repository for public release.
- MIT License: Fully open source for community use.
- Contribution Guide: Clear guidelines for contributors.
- Public Repository: Moving from private development to public GitHub repo.
Security Hardening & Performance
A critical update focusing on security dependencies and build optimization.
🛡️ Security Updates
- Upgraded all dependencies to patch known vulnerabilities.
- Implemented Content Security Policy (CSP) headers in the default config.
- Sanitized input fields in the contact form to prevent XSS.
🚀 Performance
- Image Optimization: Enhanced
astro:assetsconfiguration for 20% smaller WebP files. - Lazy Loading: Native lazy loading enabled for all images below the fold.
[!IMPORTANT] This update is recommended for all production deployments.
Performance Booster
We’ve audited the entire codebase to achieve perfect Lighthouse scores.
⚡ Performance
- Partytown Integration: Off-main-thread execution for third-party scripts.
- Font Optimization: Self-hosted fonts with
font-display: swapnow default. - Critical CSS: Inline critical styles for instant First Contentful Paint (FCP).
Components
- Image: New
Picturecomponent wrapper for advanced art direction.
Theming Engine 2.0
Total control over your brand’s visual identity with our new theming engine.
🎨 Theming Features
- Dynamic CSS Variables: Change primary colors at runtime without a rebuild.
- Theme Presets: Includes “Midnight”, “Ocean”, and “Forest” presets.
- Contrast Check: Automated warning in the DevToolbar if color contrast is too low.
Other Changes
- Added support for RTL direction in the
LogoCloudcomponent.
Micro-Interactions Polish
A dedicated release to making the UI feel more alive and responsive.
✨ UX Improvements
- Button Feedback: Added active states and subtle scale animations on click.
- Form Focus: Improved focus rings with animated transitions.
- Page Transitions: Smoother view transitions between pages using the Astro View Transitions API.
Stability & UX Polish
This update focuses on squashing bugs and refining the user experience.
🐛 Bug Fixes
- Fixed a layout shift issue on the
Herocomponent on Safari. - Resolved z-index conflicts between the
NavbarandModaloverlays. - Corrected contrast ratios for text in Dark Mode to meet WCAG AA standards.
Improvements
- Typography: Adjusted line-heights for better readability on long-form content.
- Footer: Refined spacing and added social media icons hover states.
New Component Library
We’ve expanded the UI kit with essential new components to help you build faster.
New Components
- Timeline: Visualize your company history or roadmap.
- Logo Cloud: professionally display partner/client logos with grayscale-to-color hover effects.
- Breadcrumbs: Improved navigation for nested pages.
Also included:
- Updated
Headerwith sticky positioning. - Improved accessibility (ARIA labels) on all buttons.
Project Genesis
The beginning of something great! Cooper v0.0.1 is officially released.
Core Features
- ⚡ Astro v5 integration for blazing fast performance.
- 🎨 TailwindCSS styling with custom theme support.
- 📱 Responsive Design mobile-first approach.
- 🌗 Dark Mode fully supported out of the box.
This release sets the foundation for high-performance marketing sites.
Want to stay updated?
Follow us on LinkedIn or subscribe to our newsletter for the latest library releases.