diff --git a/README.md b/README.md index 97a3d58..6820879 100644 --- a/README.md +++ b/README.md @@ -137,6 +137,7 @@ Tailwind CSS 4 uses a new CSS-first configuration approach: - **Stirling** - Powerful PDF toolkit with 50+ operations (merge, split, convert, OCR, sign) - **Units** - Smart unit converter with 187 units across 23 categories (length, mass, temperature, etc.) - **Draw** - Virtual whiteboard for sketching hand-drawn style diagrams (flowcharts, wireframes, collaborative editing) +- **Figlet** - ASCII art text generator with 373 fonts (text banners, terminal art, retro designs) ## CI/CD Pipeline diff --git a/app/globals.css b/app/globals.css index f10d70b..49a07df 100644 --- a/app/globals.css +++ b/app/globals.css @@ -102,3 +102,7 @@ body { @utility gradient-indigo-purple { background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); } + +@utility gradient-yellow-amber { + background: linear-gradient(135deg, #eab308 0%, #f59e0b 100%); +} diff --git a/components/Footer.tsx b/components/Footer.tsx index 0754911..5196336 100644 --- a/components/Footer.tsx +++ b/components/Footer.tsx @@ -24,7 +24,7 @@ export default function Footer() { Your Creative Toolkit

- 6 Tools + 7 Tools Open Source
@@ -66,6 +66,7 @@ export default function Footer() { Stirling Units Draw + Figlet diff --git a/components/Stats.tsx b/components/Stats.tsx index 310ae83..fc641a4 100644 --- a/components/Stats.tsx +++ b/components/Stats.tsx @@ -4,7 +4,7 @@ import { motion } from 'framer-motion'; const stats = [ { - number: '6', + number: '7', label: 'Tools', icon: ( diff --git a/components/ToolsGrid.tsx b/components/ToolsGrid.tsx index 0429cc3..45e641f 100644 --- a/components/ToolsGrid.tsx +++ b/components/ToolsGrid.tsx @@ -86,6 +86,20 @@ const tools = [ ), }, + { + title: 'Figlet', + description: 'ASCII art text generator with 373 fonts. Create stunning text banners, terminal art, and retro designs with live preview and multiple export formats.', + url: 'https://figlet.kit.pivoine.art', + gradient: 'gradient-yellow-amber', + accentColor: '#eab308', + badges: ['373 Fonts', 'ASCII Art', 'Free'], + icon: ( + + + + + ), + }, ]; export default function ToolsGrid() {