santycss 1.8.0 → 2.0.0

package/README.md

@@ -16,7 +16,57 @@ Class names read like sentences. No build step. No configuration. Just link and
 </div>
 ```
 
-> 🌐 **[santycss.santy.in](https://santycss.santy.in)** · 📖 **[Class Reference](https://santycss.santy.in/classes.html)** · 🎬 **[Animations](https://santycss.santy.in/animations.html)** · 📦 **[npm Docs](https://santycss.santy.in/docs.html)**
+> 🌐 **[santycss.santy.in](https://santycss.santy.in)** · 📖 **[Class Reference](https://santycss.santy.in/classes.html)** · 🌊 **[Webflow](https://santycss.santy.in/webflow.html)** · 🎬 **[Animations](https://santycss.santy.in/animations.html)** · 📦 **[npm Docs](https://santycss.santy.in/docs.html)**
+
+---
+
+## What's New in v2.0
+
+### 🦇 Creature Animations — Premium Free
+
+10 hand-crafted creature animations included free in v2.0. No extra import, no paywall — just add the class.
+
+| Class | Creature | Description |
+|---|---|---|
+| `animate-bat-fly` | 🦇 Bat | Flies across screen with arcing path |
+| `animate-bat-wings` | 🦇 Bat wings | Wing flap loop (combine with `animate-bat-fly`) |
+| `animate-butterfly` | 🦋 Butterfly | Wing flap using scaleX |
+| `animate-butterfly-drift` | 🦋 Butterfly drift | Drifts through the air while flapping |
+| `animate-firefly` | 🌟 Firefly | Erratic glowing float |
+| `animate-firefly-glow` | ✨ Firefly glow | Pulsing yellow glow effect |
+| `animate-spider-drop` | 🕷️ Spider | Descends on thread and ascends |
+| `animate-spider-swing` | 🕷️ Spider swing | Pendulum swing on thread |
+| `animate-fish-swim` | 🐟 Fish | Swims with tail-wave body motion |
+| `animate-jellyfish` | 🎐 Jellyfish | Pulsing bell contraction + float |
+| `animate-jellyfish-tendrils` | 🎐 Tendrils | Trailing tendril sway |
+| `animate-bird-flock` | 🐦 Bird | Soaring arc with rotation |
+| `animate-bird-flock-2` / `animate-bird-flock-3` | 🐦🐦 Flock | Staggered offsets for formation effect |
+| `animate-bee-hover` | 🐝 Bee | Hovering with natural drift |
+| `animate-bee-buzz` | 🐝 Buzz | Rapid wing-buzz shake |
+| `animate-snake-slither` | 🐍 Snake | Sinusoidal slithering path |
+| `animate-dragon-fire` | 🔥 Dragon fire | Fire burst expanding and fading |
+| `animate-fire-flicker` | 🔥 Flicker | Rapid flame flicker |
+
+```html
+<!-- Bat flying across -->
+<span class="animate-bat-fly animate-bat-wings">🦇</span>
+
+<!-- Butterfly flapping and drifting -->
+<span class="animate-butterfly animate-butterfly-drift">🦋</span>
+
+<!-- Firefly with glow -->
+<span class="animate-firefly animate-firefly-glow">✨</span>
+
+<!-- Bird flock formation (3 birds) -->
+<span class="animate-bird-flock">🐦</span>
+<span class="animate-bird-flock-2">🐦</span>
+<span class="animate-bird-flock-3">🐦</span>
+
+<!-- Dragon fire breath -->
+<span class="animate-dragon-fire animate-fire-flicker">🔥</span>
+```
+
+> 🎬 **[See all creature animations live →](https://santycss.santy.in/animations.html#creature-animations)**
 
 ---
 
@@ -26,7 +76,11 @@ Class names read like sentences. No build step. No configuration. Just link and
 
 Inspect any Figma layer and get the exact SantyCSS classes in one click.
 
-**Install (local development):**
+**Download / Install:**
+
+> 🌐 **[Download from santycss.santy.in/docs.html](https://santycss.santy.in/docs.html#figma-plugin)** — full setup guide and one-click download
+
+**Local development install:**
 1. Clone this repo — the plugin lives in `figma-plugin-santycss/`
 2. Open **Figma Desktop** → Plugins → Development → **Import plugin from manifest**
 3. Select `figma-plugin-santycss/manifest.json`
@@ -111,9 +165,9 @@ Inspect any Figma layer and get the exact SantyCSS classes in one click.
 | `.date-picker` / `.date-picker-grid` / `.date-picker-day` | Full calendar date picker |
 | `.date-picker-day.today` / `.selected` / `.in-range` | Day state modifiers |
 
-### 🎨 Figma Plugin _(coming soon)_
+### 🎨 Figma Plugin
 
-A **SantyCSS Figma Plugin** is in development — inspect Figma designs and get the exact SantyCSS classes that match. Inspired by the Tailwind CSS Figma plugin workflow.
+The **SantyCSS Figma Plugin** is live — inspect Figma designs and get the exact SantyCSS classes that match. See [What's New in v1.8](#-santycss-inspector--figma-plugin) above for full details and the download link.
 
 ---
 
@@ -309,6 +363,14 @@ The **built-in AI Generator** converts plain English → SantyCSS classes in the
 
 ---
 
+## Webflow
+
+Use SantyCSS on **[Webflow](https://webflow.com/)** without a build step: add the CDN `<link>` in **Project settings → Custom Code → Head**, then enter utility classes in the **Style → Selector** field on any element.
+
+- **[Webflow guide + copy-paste snippets + sidebar class index](https://santycss.santy.in/webflow.html)** — head/footer code, optional split bundles, scroll-animation helper, design tokens.
+
+---
+
 ## Installation
 
 ```bash
@@ -532,10 +594,12 @@ The file `santycss.context.md` (in the GitHub repo) is a ready-made system promp
 
 - 🌐 Website: [santycss.santy.in](https://santycss.santy.in)
 - 📖 Class Reference: [santycss.santy.in/classes.html](https://santycss.santy.in/classes.html)
+- 🌊 Webflow: [santycss.santy.in/webflow.html](https://santycss.santy.in/webflow.html)
 - 🎬 Animations: [santycss.santy.in/animations.html](https://santycss.santy.in/animations.html)
 - 🎮 Live Demo: [santycss.santy.in/demo.html](https://santycss.santy.in/demo.html)
 - 📦 npm Docs: [santycss.santy.in/docs.html](https://santycss.santy.in/docs.html)
 - 🐛 Issues: [github.com/ChintuSanty/santyCSS/issues](https://github.com/ChintuSanty/santyCSS/issues)
+- 💬 Discussions: [GitHub Discussions](https://github.com/orgs/community/discussions/190269)
 
 ---