Capsules / Flintable
What?
Flintable is an interactive playground designed to explore and experiment with linting rules — particularly those related to code formatting and auto-fixable suggestions. It allows developers to input code and evaluate it in real-time using individual linting rules or custom rule configurations.
Whether you're fine-tuning a single rule or testing a full config, Flintable helps visualize the results immediately.
How?
Flintable is built with a modern full-stack architecture:
Backend: PHP with the Laravel framework
Frontend: Vue.js with Tailwind CSS
Client–server communication: Handled via Inertia.js for a seamless single-page application experience
Code editor: Powered by CodeMirror for a responsive and syntax-aware coding interface
Asynchronous tasks: Managed through Laravel Horizon
Real-time feedback: Enabled by Laravel Reverb and Laravel Echo, bridging the queue system and the user interface
Schema management: Uses JSON Schema via AJS and OPIS to handle rule schemas
Analytics: Monitored with Umami, an open-source, privacy-friendly analytics tool
This robust stack ensures that rule evaluations, UI updates, and queue handling are fast, scalable, and developer-friendly.
Why?
Collaborating on code within a team often leads to friction — especially when it comes to code style, linting preferences, and development environments.
Flintable and Flint were built to solve this.
It offers each developer the ability to configure their linting environment independently, without affecting teammates. The result? Better collaboration, fewer formatting conflicts, and a smoother workflow for everyone.
Flintable empowers developers to write clean code comfortably while preserving harmony across shared codebases.
Next?
- Support for additional linters, languages and frameworks
- Community-driven rule sets and
- Online storage for configurations ✅
- CLI tool enabling linting at every stage of development [ local and remote ] ✅