Packages you can use
The npm packages a site can build with on Atelier201, and how to add one.
A site builds without network access, on packages installed in advance. Any of
them can be added to a site; a package that is not on the list, or a version
Atelier201 does not have, makes the build fail with dependencies_unavailable and
names the package.
| For | Packages |
|---|---|
| Astro | astro 7.4.2, @astrojs/mdx 8.1.2, @astrojs/rss 4.0.19, @astrojs/sitemap 3.7.4 |
| Styling | tailwindcss 4.3.3, @tailwindcss/vite 4.3.3, @tailwindcss/typography 0.5.20, tw-animate-css 1.4.0 |
| Interactive components | @astrojs/react 7.1.2, react 19.3.1, react-dom 19.3.1 |
| shadcn components | @base-ui/react 1.9.0, class-variance-authority 0.7.1, clsx 2.1.1, tailwind-merge 3.7.0, cmdk 1.1.1 |
| Icons | @lucide/astro 1.65.0, lucide-react 1.65.0 |
| Markdown and HTML processing | marked 18.1.2, hast-util-from-html 2.0.3, hast-util-to-mdast 10.1.2, hast-util-to-string 3.0.1, mdast-util-gfm 3.1.0, mdast-util-to-markdown 2.2.1 |
| Fonts (self-hosted, OFL) | @fontsource-variable/albert-sans 5.3.0, @fontsource-variable/archivo 5.3.0, @fontsource-variable/big-shoulders 5.3.0, @fontsource-variable/bodoni-moda 5.3.0, @fontsource-variable/bricolage-grotesque 5.3.0, @fontsource-variable/cormorant-garamond 5.3.0, @fontsource-variable/dm-sans 5.3.0, @fontsource-variable/eb-garamond 5.3.0, @fontsource-variable/fraunces 5.3.0, @fontsource-variable/geist 5.3.0, @fontsource-variable/geist-mono 5.3.0, @fontsource-variable/hanken-grotesk 5.3.0, @fontsource-variable/ibm-plex-sans 5.3.0, @fontsource-variable/instrument-sans 5.3.0, @fontsource-variable/inter 5.3.0, @fontsource-variable/inter-tight 5.3.0, @fontsource-variable/jost 5.3.0, @fontsource-variable/literata 5.3.0, @fontsource-variable/manrope 5.3.0, @fontsource-variable/newsreader 5.3.0, @fontsource-variable/onest 5.3.1, @fontsource-variable/schibsted-grotesk 5.3.0, @fontsource-variable/space-grotesk 5.3.0, @fontsource-variable/unbounded 5.3.0, @fontsource-variable/work-sans 5.3.0, @fontsource/anton 5.3.0, @fontsource/dm-mono 5.3.0, @fontsource/dm-serif-display 5.3.0, @fontsource/ibm-plex-mono 5.3.0, @fontsource/instrument-serif 5.3.0, @fontsource/young-serif 5.3.0, @fontsource/zilla-slab 5.3.0 |
Packages these depend on, such as sharp for images, are available too, at the
version these install.
Adding one
Declare the package in dependencies in the site’s package.json, with a
range that accepts Atelier201’s version ("react": "^19.3.0" works for 19.3.1).
The build checks every declared package against the list and uses the
preinstalled copies, so no install runs and the lockfile is not read. A
devDependencies entry Atelier201 does not have, such as typescript or
@types/react, is left out of the build.
The assistant and connected agents know this list: ask for Tailwind, a React component or shadcn components and they set them up.
Moving an existing site
An Astro site that already uses these packages builds as it is once its ranges accept the versions above. Before importing one:
- keep
output: "static"and no adapter; - move type and check tools (
typescript,@types/*,@astrojs/check) todevDependencies; - remove analytics packages such as
posthog-js: analytics and other tags go in the site’s integrations, in its settings.
A package Atelier201 does not have yet can be requested from support.