Lninl UI
一个基于 Vue 3 & UnoCSS，兼容 TDesign 的 uni-app UI开发组件
Overview
lninl-ui is an innovative UI development component based on Vue 3 and UnoCSS, specifically designed for uni-app. It seamlessly integrates with TDesign's professional design standards, ensuring a streamlined user interface that can cater to a wide array of applications. With its versatile capabilities and a user-friendly approach, lninl-ui aims to enhance the development experience for Vue developers, making it a compelling choice for those looking to build efficient and aesthetically pleasing applications.
The focus on modern design principles and high performance makes lninl-ui a robust tool for developers. With support for various built-in components that cover essential UI functionalities, it not only promotes efficiency but also encourages creativity in application design. Whether modifying existing components or introducing new ones, lninl-ui offers a comprehensive framework for developing dynamic interfaces.
Features
- Compatibility with TDesign: Utilizes a professional design framework based on Figma or Sketch, ensuring a high-quality visual standard.
- Utilizes UnoCSS: Leverages an efficient and minimalist atomic CSS engine for rapid styling.
- Vue 3 Support: Incorporates the latest Vue 3 features, including the
<script setup>syntax, enhancing component structure. - Dark Mode & iOS Adaptation: Offers built-in support for dark mode and iOS safe area adaptations, enhancing user experience across devices.
- Full Internationalization: Provides comprehensive internationalization solutions with uni-app internationalization and Vue I18n support.
- Fast Build with pnpm & Vite: Features a quick and flexible bulding process, promoting agility in development cycles.
- Robust Development Tools: Integrates tools like @antfu/eslint-config for code quality, and simple-git-hooks for streamlined version control and commit standards.
- Array of Components: Includes a growing set of UI components such as Badge, Icon, TabBar, and more, with future developments planned to expand the library.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- UnoCSS
UnoCSS is an instant, on-demand atomic CSS engine that generates utility classes at build time. It's highly customizable, extremely fast, and compatible with Tailwind CSS utilities while offering additional features like attributify mode and pure CSS icons.
- Dark Mode
Dark mode is a user interface option that uses a dark color scheme instead of light. It reduces eye strain and improves visibility in low-light conditions. Implementing dark mode in a website or application involves updating the styles and color palette to support both light and dark modes.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Pinia
Pinia is the official state management library for Vue.js. It provides a simple and intuitive API with full TypeScript support, devtools integration, and modular design. Pinia replaces Vuex as the recommended state management solution for Vue 3.