Capsules / Flintable

Image used for capsule Flintable

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 ]

v1.5.4

X IconBluesky IconGithub Icon