We built this page as the first version of our own website, blackspike.com, but switched to a different design later.
Rather than let it gather dust, we decided to modernise it, try out some fresh new CSS features and give it back to the Astro community.
You can read more about how we built it and the cool new tech we used on our blog post.
Astro 5 Features
- Image component for optimised AVIF images
- All-JSX native astro components
- SVGs imported as SVG components
- JSON-powered content (easy to edit UI text or hook up a CMS!)
- Experimental Fonts API
CSS & HTML Features
- Tailwind 4
- HTML modal dialog
- JS-free scroll-linked animations
- JS-free exclusive accordions with details/summary (animated!)
- Container queries
- Linear easing for bouncing / springing
- Text wrap pretty / balance
JS Features
- swiper.js carousel
Figma File
License
Theme and 3D images are licensed under a Creative Commons Attribution 4.0 International Public License. Created by blackspike blackspike design – a web design & development team specialising in Astro, Vue, Nuxt & Wordpress websites
