360 ⭐
Support ❤️
Docs Components & Snippets Why Stylify? Showcase Blog Playground FAQ
 
360 ⭐
Support ❤️

Get Started

Why Stylify? Best Practices Syntax Cheat Sheet Bundling files Mangling selectors Migrating to Stylify Releases & Updating

Integrations

Angular Astro Browser CakePHP Esbuild Laravel Nette Next.js Node.js Nuxt.js Qwik React.js Remix Rollup.js SolidJS Svelte Symfony Vite.js Vue Webpack

Migration Guides

Bootstrap Bulma Emotion Foundation Materialize Pure CSS Stitches Styled Components Tachyons Tailwind UIkit Windi

@stylify/stylify

Compiler Native Preset Runtime

@stylify/bundler

@stylify/unplugin

@stylify/astro

@stylify/nuxt

@stylify/nuxt-module

50% discount on .EU, .ONLINE, .STORE, .TECH, .SITE, .WEBSITE, .SPACE, .FUN domains.
Code DM231Z2LGY
Show docs navigation

Using Stylify CSS in Astro.build

Astro.build is a framework that let's you build your website faster.

@stylify/astro integration simplifies Stylify CSS integration into the Astro.build.

Try it on StackBlitz

Installation

Integration can be installed only via CLI like NPM or Yarn:

yarn add @stylify/astro
npm i @stylify/astro

Usage

Add a buildModule into the astro.config.mjs:

import { defineConfig } from 'astro/config';
import stylify from '@stylify/astro';

export default defineConfig({
    integrations: [stylify()]
});

Configuration

Check out the @stylify/astro package.

Angular
Browser

Edit this page on Github |
360 ⭐
50% discount on .EU, .ONLINE, .STORE, .TECH, .SITE, .WEBSITE, .SPACE, .FUN domains.
Code DM231Z2LGY

Get Started

Why Stylify? Best Practices Syntax Cheat Sheet Bundling files Mangling selectors Migrating to Stylify Releases & Updating

Integrations

Angular Astro Browser CakePHP Esbuild Laravel Nette Next.js Node.js Nuxt.js Qwik React.js Remix Rollup.js SolidJS Svelte Symfony Vite.js Vue Webpack

Migration Guides

Bootstrap Bulma Emotion Foundation Materialize Pure CSS Stitches Styled Components Tachyons Tailwind UIkit Windi

Components

Animations Articles Badges Breadcrumb Buttons Containers Dialogs Dividers FAQ Forms Grids Lists Messages Navigations & Menus Paginations Shadows Switches Text Fields

Packages

@stylify/astro @stylify/bundler @stylify/nuxt @stylify/nuxt-module @stylify/stylify @stylify/unplugin

Community

GithubDiscordTwitterRedditYoutube

Other

Media & LogoShowcaseMail: dev@stylifycss.com

360 ⭐

Released under the MIT license
Copyright @ 2023 Vladimír Macháček
360 ⭐