Components

Here you'll find a collection of elements, icons and such that are provided by this theme.

Icons

Hover over each icon to see it's name. All icons are svg files within the public/icons directory.

Dropdown cards

Powered by alpine.js

This is a placeholder card to demonstrate the basic structure and functionality of an element. You can customize the content and design to suit your specific needs.

Cards

Some of the premade card components, some of t

IconCard

A responsive, interactive list item (<li>) that functions as an icon card with an image and title, using Tailwind CSS for styling.

  • alpine.js integration guide
    Alpine.js

    • .card class

    This CSS class .card is designed for a flexible, visually appealing card component with various styles and hover effects.

    Contact page

    Capture leads and stay connected with a user-friendly contact form, powered by mailersend.

    Auto slider with TextCards

    A no js, css only auto slider where you can pause the animation by hovering over a card. An optional title and description can also be provided.

    • Zero JavaScript, By Default

      Astro only ships the JavaScript you need and automatically strips away the rest for a faster website.

    • Interactive when needed

      Alpine is a rugged, minimal tool for composing behavior directly in your markup. Think of it like jQuery for the modern web.

    • Multi-language Support

      Multi-language support straight out of the box using Astro's built-in i18n capabilities, making your content accessible to a wider audience.

    • Style with Tailwind CSS

      Style your website directly in your HTML with utility-first CSS classes, making design a breeze.

    • SEO optimized

      Astro's sitemap integration helps search engines discover your content, improving your site's SEO effortlessly.

    • Zero JavaScript, By Default

      Astro only ships the JavaScript you need and automatically strips away the rest for a faster website.

    • Interactive when needed

      Alpine is a rugged, minimal tool for composing behavior directly in your markup. Think of it like jQuery for the modern web.

    • Multi-language Support

      Multi-language support straight out of the box using Astro's built-in i18n capabilities, making your content accessible to a wider audience.

    Containers

    The CardGrid component allows flexible content layout. Provide content through either the 'upper-row' or 'lower-row' slot, and the component will automatically distribute it into columns.

    Contact page

    Capture leads and stay connected with a user-friendly contact form, powered by mailersend.

    Ready-to-go blog

    Start blogging using the I18N compatible, MDX powered blog!

    Easy setup

    Get up and running quickly using our premade pages and components.

    FAQ page

    People might have questions, now you can answer them!

    Speak Their Language

    I18N built in. Convert more!

    Full width banner

    A full width banner with an optional cta button

    Sample Card

    This is a placeholder card to demonstrate the basic structure and functionality of an element. You can customize the content and design to suit your specific needs.