Why Use Fysk?
Fysk was born from a simple frustration: rewriting the same state logic for every new project. It's a UI library designed to be stateful giving you components with built-in state management that react intelligently out of the box.
Stateful Components
In most libraries, a button is just a button. You have to manually wire up the loading spinners, disable states, success icons, and error handling every single time.
Fysk takes a different approach. We bake the micro-logic directly into the component. An input shouldn't just accept text; it should know how to show a valid state, an error shake, or a loading skeleton without you writing a wrapper component for the 100th time.
Stateful Logic
Buttons that handle their own loading promises, Inputs that auto-format, and forms that validate visually. We handle the boring logic so you don't have to.
Visual Feedback
The interface communicates with the user. Success, error, and pending states aren't just logical flags—they are distinct, designed visual transformations.
Aesthetic Intelligence
Intelligence doesn't mean boring. Fysk combines this robust logic with a **polished, glassmorphic design language**. We believe that internal dashboards and developer tools deserve the same level of polish as top-tier consumer products. High-end visuals meet high-end logic.
The "Copy Paste" Freedom
Despite the extra functionality, Fysk stays true to the shadcn/ui philosophy. You own the code. Copy the component into your project and you have full control. If the built-in logic does something you don't like, just change it. You aren't fighting a compiled npm package; you are extending your own codebase.
Built with 💖 | Created by Yashraj