S T D F

简体中文 • Website

Introduction

Mobile web component library based on Svelte and Tailwind .

Simple • Thin • Design • Fast

Features

🚀 No runtime, no virtual DOM, runs faster online;
🧰 Rich API, easily configure component styles that meet your needs;
✍ Based on Svelte and Tailwind, coding is quick and easy;
🍭 Supports dark mode;
📖 Provides extensive Chinese and English documentation and component examples;
🌍 Supports internationalization, with 60+ built-in language packages;
🫰 User-friendly interaction, animation parameters can be configured, and custom themes are supported;
🤝 Supports Tailwind libraries such as Windi CSS and UnoCSS;
🫡 No three -party dependence, no need to worry about the three -party library version and security issues.

Getting Started

Installation

If you have a project configured with Svelte and Tailwind, install directly.

npm i stdf -D
# or
pnpm i stdf -D

Usage

<!-- Button Demo -->
<script>
import { Button } from 'stdf';
</script>

<Button>Default</Button>

😓 No project? Create one

You can try using create-stdf to quickly create a project. (beta version, may have issues)

pnpm create stdf
# or
npm create stdf@latest
# or
npm init stdf@latest
# or
npx create-stdf@latest

Alternatively, you can create a Vite project and configure it to use Tailwind CSS and the configurations used by STDF. Refer to Vite & Tailwind CSS & STDF for more information.