julian.cataldo

astro-content

<div align="center">

remark-embed

A `remark` plugin for embedding remote / local Markdown or code snippets inside Markdown.

astro-testbed

Complete toolbox for Astro / JSX component testing and analysis. For design systems, storybooks, local dev. isolation, documentation…

astro-diagram

Embed you Mermaid diagrams inside your Astro templates. Features server-side rendering and smart caching.

astro-licenses-report

Give credits to the awesome JS open-source community with this component. It will generate a table with important informations about packages used by your project.

astro-scroll-observer

Viewport scroll position and direction watcher. Binds states data attributes to `HTML` for further JS/CSS usage. Scroll event is throttled for performance economy.

astro-color-mode

Provides system or user-defined color scheme preference, with a toggle mechanism. Settings are persisted, component is progressively enhanced and flash of unstyled content avoided. Also, it will provide an easier way to target theme with CSS / SCSS / JS.

astro-tooltips

Progressively enhanced. This component globally override regular `title` attributes on all links with Tippy.js tooltips.

astro-link

Supercharge your links. This component detects external / anchor / same domain / mail / telephone `href`, and apply optimizations accordingly.

astro-geo-map

Embed an interactive map in your webpage. Using Leaflet.js under the hood.

astro-base-document

Provide sensible defaults for HTML base document. The goal is to reduce boilerplate when using multiple layouts in Astro projects.

astro-breakpoints

Provides cross languages breakpoints handlers for your app. SCSS mixin, JS hook and a DOM data attribute, all share the same responsive scale you choose to feed in.

astro-page-transition

This component relies on the good old browser router, still, it will give to your website an SPA feel, without all the JS overhead.

astro-tabs

A tabs bar + panels component which works entirely without JS. Supports height equalization and automatic vertical scroll bar for tabs bar.

astro-terminal-player

Embed player for terminal sessions (recorded with asciinema) in your Astro project. Using asciinema player under the hood. Comes with full asciinema player settings support, typings and docs hints.

astro-google-analytics

Provides Google Analytics 4 snippet injection.

astro-hover-prefetch

This component capture mouse hovering on links with internal URLs. Then, it will prefetch the HTML document beforehand.

astro-seo-metadata

Bare minimum SEO meta tags to make most social networks and Google engine happy.

webdev-configs

Here lies some re-usable tooling settings. Languages: JS, TS, Astro, Vue, JSX, TSX, SCSS, CSS. Tools: Prettier, ESlint, Stylelint, Editorconfig, TypeScript, Commitlint, VS Code.

@astro-content/validator

A fail-safe way to ingest your project content.