A Modern Design System for Enterprise Apps
GoatKit is the design system and component library that powers GoatFlow’s user interface. Built with accessibility, performance, and developer experience in mind, GoatKit provides the foundation for creating consistent, beautiful enterprise applications.
What’s Inside
- Theming Engine — Dynamic theme switching with CSS custom properties. Light mode, dark mode, and custom brand themes out of the box.
- Component Library — Battle-tested UI components designed for complex data-driven applications.
- Design Tokens — A complete token system for colors, typography, spacing, and motion.
- Accessibility First — WCAG 2.1 AA compliant components with full keyboard navigation and screen reader support.
Currently in Development
GoatKit is being extracted from GoatFlow as a standalone project. We’re working on:
- 📦 Standalone Package — Use GoatKit in your own projects, independent of GoatFlow
- 📚 Documentation — Comprehensive guides, examples, and API reference
- 🎨 Theme Builder — Visual tool for creating custom themes
- 🧩 Framework Adapters — First-class support for React, Vue, and vanilla JS
Get Involved
GoatKit is open source and we welcome contributions. It currently lives within the GoatFlow codebase while we work on extracting it into a standalone package.
- GitHub: github.com/goatkit/goatflow — GoatKit source is in
/static/css/and/static/themes/ - Discord: Join the GoatFlow Community to discuss GoatKit development
Want to follow GoatKit’s progress? Star the GoatFlow repo or join our Discord.