Flit UI
Overview #
Flit UI is a sleek and user-friendly UI library designed specifically for Vue 3, aimed at enhancing the developer experience with its simplicity and elegance.
Click to view the doc
Click to view the npm package
Frontend #
- Language & Framework: Written in TypeScript, leveraging Vue 3’s Composition API for a modern and efficient development experience.
- Build Tool: Uses Vite as the build tool, offering fast and optimized development and build processes.
- Styling: Styled with Sass, allowing for modular and maintainable CSS.
- Documentation: Provides comprehensive documentation, clearly demonstrates the usage of each library component.
Library Components #
- Implemented Components: Includes Alert, Button, Dialogue, Switch, and Tabs.
- TypeScript Support: Types are included in the lib, ensuring seamless TypeScript integration and developer-friendly type definitions.
Deployment #
- CI/CD: Set up Github Action to automatically deploy the Doc page and publish the NPM package.
- Web Server: The doc finally is served by Nginx.
Design and Development Highlights #
- Custom Design: The design, including styles and color schemes, was meticulously crafted to ensure a cohesive and visually appealing user interface.