lpdsgn/astro-boilerplate

Type checking and diagnostics for Astro projects

Deploy your site to Vercel

Creates an overlay grid for web development, allowing designers and developers to visualize the grid structure based on design guidelines.

Perfect dark mode in Astro with no flash. System preference, multiple themes, and sync across tabs.

A swup plugin for updating the contents of the head tag

A swup plugin for preloading pages and faster navigation

A swup plugin for re-evaluating scripts

Gain real-time traffic insights with Vercel Web Analytics

Speed Insights is a tool for measuring web performance and providing suggestions for improvement.

Astro is a modern site builder with web best practices, performance, and DX front-of-mind.

Automatically sort your head with capo.js in Astro

A Dev Toolbar extension to debug meta tags in your Astro website

Makes it easy to add SEO relevant tags to your Astro app.

GSAP is a framework-agnostic JavaScript animation library that turns developers into animation superheroes. Build high-performance animations that work in **every** major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, strings, motion paths, generic objects...anything JavaScript can touch! The ScrollTrigger plugin lets you create jaw-dropping scroll-based animations with minimal code. No other library delivers such advanced sequencing, reliability, and tight control while solving real-world problems on millions of sites. GSAP works around countless browser inconsistencies; your animations **just work**. At its core, GSAP is a high-speed property manipulator, updating values over time with extreme accuracy.

Detection of elements in viewport & smooth scrolling with parallax effects.

Astro utilities to help you generate OpenGraph images using satori.

High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, GIF, AVIF and TIFF images

Versatile and extensible page transition library for server-rendered websites

A utility-first CSS framework for rapidly building custom user interfaces.

TypeScript implementation of debounce

TypeScript is a language for application scale JavaScript development

ESLint JavaScript language implementation

A set of useful PostCSS functions to help you write better CSS.

A handful set of shortcut functions for PostCSS declarations.

PostCSS plugin for Tailwind CSS, a utility-first CSS framework for rapidly building custom user interfaces

ESLint plugin for Astro component

Static AST checker for accessibility rules on JSX elements.

React specific linting rules for ESLint

Lint files staged by git

PostCSS plugin to generate fluid typopgraphy and space scales

A Prettier Plugin for formatting Astro files

A Prettier plugin for formatting imports in Astro files

A Prettier plugin for sorting Tailwind CSS classes.

A simple, zero dependency tool for setting up git hooks for small projects

Tooling which enables you to use TypeScript with ESLint