Overview

Technologies used

Alpine.js & Tailwind CSS

This project is built using Alpine.js and Tailwind CSS, two powerful tools that make front-end development fast, efficient, and highly customizable.

Alpine.js: A lightweight JavaScript framework that brings interactivity to your UI without the need for a large framework like Vue or React. It’s perfect for adding dynamic behavior to your HTML with minimal effort.

Learn how to install Alpine.js

Tailwind CSS: A utility-first CSS framework that allows you to build custom designs directly in your HTML. TailwindCSS provides low-level utility classes that make it easy to style your components without writing custom CSS.

Learn how to install Tailwind CSS

Resources & assets

Icons

The icons used in this project come from two fantastic open-source icon libraries: Remixicon and Lucide. Both libraries offer a wide range of clean, scalable vector icons that fit seamlessly into modern UI designs.

Remixicon: A set of open-source icons designed for web and mobile interfaces. It’s MIT-licensed and offers a variety of icon styles to suit different design needs.

Explore Remixicon

Lucide: A community-driven fork of Feather icons, Lucide offers a growing collection of beautiful, customizable icons that are easy to integrate into any project.

Explore Lucide icons

Images

All images used in this project are sourced from Unsplash, a popular platform for high-quality, freely usable images. Whether you need stunning landscapes, portraits, or abstract visuals, Unsplash is a go-to resource for beautiful photography.

Explore Unsplash

Font

The typography in this project is powered by Inter, a modern sans-serif font designed for optimal readability on screens. It’s a versatile font that works well across different devices and screen sizes.

Learn more about Inter