Tag

ui-components

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 6, 2025 · Frontend Development

Introducing Vant4-kit: A Mobile UI Component Library for Vue3+TypeScript

The article introduces Vant4-kit, a Vue3 + TypeScript mobile UI component library that extends Vant4 with new form and datetime picker components, showcases its features, provides code examples for XForm and XDatetimePicker, and invites feedback from developers.

TypeScriptVant4Vue
0 likes · 7 min read
Introducing Vant4-kit: A Mobile UI Component Library for Vue3+TypeScript
php中文网 Courses
php中文网 Courses
Jan 23, 2025 · Frontend Development

Vue.js and Element UI Course Overview

This course provides a comprehensive introduction to the Vue.js framework and the Element UI component library, covering core concepts, component development, state management, routing, and detailed usage of Element UI widgets to build modern, responsive web applications for front‑end developers.

CourseElement UIVue.js
0 likes · 3 min read
Vue.js and Element UI Course Overview
php中文网 Courses
php中文网 Courses
Nov 8, 2024 · Frontend Development

Vue.js and Element UI Course Overview

This course provides a comprehensive introduction to the Vue.js framework and the Element UI component library, covering fundamental concepts, component-based development, state management, routing, and detailed usage of Element UI widgets to build modern, responsive web applications.

Element UIVue.jsWeb Development
0 likes · 3 min read
Vue.js and Element UI Course Overview
php中文网 Courses
php中文网 Courses
Sep 18, 2024 · Frontend Development

Vue.js and Element UI Frontend Development Course Overview

This course provides a comprehensive introduction to the Vue.js framework and the Element UI component library, covering fundamental concepts, component-based development, state management, routing, and detailed usage of Element UI widgets such as layouts, forms, and interactive controls, preparing learners for modern frontend development careers.

CourseElement UIVue.js
0 likes · 3 min read
Vue.js and Element UI Frontend Development Course Overview
php中文网 Courses
php中文网 Courses
Aug 29, 2024 · Frontend Development

WeChat Mini Program Component Development Course Overview

This course provides a comprehensive guide to developing rich WeChat Mini Program applications by teaching learners how to use and customize a wide range of built‑in and extended components, covering fundamentals, UI design, data binding, and practical project implementation.

Component DevelopmentWeChat Mini Programfrontend
0 likes · 3 min read
WeChat Mini Program Component Development Course Overview
Didi Tech
Didi Tech
Mar 19, 2024 · Frontend Development

Design and Development of the Mpx‑cube‑ui Component Library for Mini‑Programs

Mpx‑cube‑ui is a cross‑platform mobile component library built on the Mpx mini‑program framework that unifies theming and reuse by organizing components into three layers—basic, basic‑business, and business—while offering hierarchical style variables, compile‑time or runtime theming, and plans to open‑source its core components for broader community adoption.

Component LibraryMpxTheme Customization
0 likes · 9 min read
Design and Development of the Mpx‑cube‑ui Component Library for Mini‑Programs
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 15, 2024 · Frontend Development

Refactoring Fantastic‑admin: Making a Vue‑Based Admin Framework UI‑Agnostic

The article chronicles the author’s three‑year journey of transforming the Vue‑based Fantastic‑admin backend framework from a tightly coupled Element Plus implementation into a UI‑agnostic, component‑driven system by analyzing pain points, evaluating multiple redesign strategies, and detailing the step‑by‑step implementation and validation across several UI libraries.

Admin FrameworkComponent DesignOpen-source
0 likes · 14 min read
Refactoring Fantastic‑admin: Making a Vue‑Based Admin Framework UI‑Agnostic
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 8, 2023 · Mobile Development

Step-by-Step Guide to Building a HarmonyOS Demo App with Login, Register, and Home Pages

This tutorial walks through creating a complete HarmonyOS demo project without backend integration, covering project setup, constant files, login and registration pages, navigation tabs, home page components, search, list, refresh, and custom input components, all illustrated with code snippets and screenshots.

ArkUICodeLabsHarmonyOS
0 likes · 10 min read
Step-by-Step Guide to Building a HarmonyOS Demo App with Login, Register, and Home Pages
Laravel Tech Community
Laravel Tech Community
Nov 2, 2023 · Frontend Development

Getting Started with Layui‑Vue: A Vue 3 Desktop Component Library

This guide introduces Layui‑Vue, a Vue 3 desktop component library, showing how to install it via npm, configure it in main.ts, and build a basic layout using Layui components, along with a brief changelog and documentation links.

TutorialVuefrontend
0 likes · 3 min read
Getting Started with Layui‑Vue: A Vue 3 Desktop Component Library
php中文网 Courses
php中文网 Courses
Oct 18, 2023 · Frontend Development

Top 9 Open-Source Free Admin Dashboard Templates for Developers

This article presents a curated list of nine free, open‑source admin dashboard templates—including AdminLTE, vue‑Element‑Admin, Tabler, Gentelella, ng2‑admin, ant‑design‑pro, blur‑admin, iview‑admin, and material‑dashboard—detailing their GitHub star counts, repository links, and key UI features to help developers quickly choose a suitable backend control panel for their projects.

GitHubOpen-sourceadmin dashboard
0 likes · 6 min read
Top 9 Open-Source Free Admin Dashboard Templates for Developers
php中文网 Courses
php中文网 Courses
Sep 12, 2023 · Frontend Development

9 Popular Front-End Admin Dashboard Templates Recommended by Veteran Developers

This article introduces nine widely used front-end admin dashboard templates—ranging from Bootstrap‑based solutions to Vue, React, and Angular frameworks—highlighting their key features, GitHub star counts, and demo screenshots to help developers choose the most suitable tool for their projects.

AngularBootstrapReact
0 likes · 5 min read
9 Popular Front-End Admin Dashboard Templates Recommended by Veteran Developers
Laravel Tech Community
Laravel Tech Community
Sep 10, 2023 · Frontend Development

Getting Started with Layui‑Vue: Installation, Basic Layout, and Changelog

This article introduces the Layui‑Vue component library for Vue 3, showing how to install it via npm, configure it in a main.ts file, create a basic layout page, and review the latest bug fixes and optimizations.

InstallationVuefrontend
0 likes · 3 min read
Getting Started with Layui‑Vue: Installation, Basic Layout, and Changelog
Laravel Tech Community
Laravel Tech Community
Aug 30, 2023 · Frontend Development

Layui UI Library Update Log and New Features

The article introduces Layui, a native HTML/CSS/JavaScript UI component library that simplifies complex web interfaces for non‑frontend developers, and provides a detailed update log highlighting new toolbar features, table optimizations, treeTable fixes, laydate enhancements, and other component improvements.

ChangelogLayUIWeb Development
0 likes · 4 min read
Layui UI Library Update Log and New Features
Laravel Tech Community
Laravel Tech Community
May 30, 2023 · Frontend Development

Layui Release Notes – New Features, Bug Fixes, and Optimizations

This release note details the latest Layui updates, introducing new global form attributes, numerous bug fixes for checkboxes, tables, and tree tables, as well as performance optimizations across components like layer, laydate, upload, and code, with code snippets illustrating the changes.

JavaScriptLayUIRelease Notes
0 likes · 5 min read
Layui Release Notes – New Features, Bug Fixes, and Optimizations
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 14, 2022 · Mobile Development

Building a SwiftUI Electronic Business Card App (Linkworld) – A Step‑by‑Step Tutorial

This tutorial walks through the design and implementation of a SwiftUI‑based electronic business‑card app called Linkworld, covering project background, MVP analysis, component creation, variable declarations, layout containers (HStack, VStack, ZStack), and previewing multiple cards with full code examples.

Card ViewLayout ContainersSwift
0 likes · 9 min read
Building a SwiftUI Electronic Business Card App (Linkworld) – A Step‑by‑Step Tutorial
政采云技术
政采云技术
Jul 12, 2022 · Frontend Development

Configurable Form Data Design for React/Ant Design Projects

This article introduces a lightweight, configuration‑driven approach to building form fields in React using Ant Design, showing how to replace repetitive FormItem code with a declarative schema, handle edit/detail modes, render different component types, and apply common validation rules.

Ant DesignForm ConfigurationJavaScript
0 likes · 12 min read
Configurable Form Data Design for React/Ant Design Projects
Architect's Guide
Architect's Guide
Jun 17, 2022 · Frontend Development

Top Vue Open‑Source Projects: CMS, Generators, UI Libraries, and More

This article surveys the most useful and mature Vue open‑source projects—including CMS platforms, static site generators, e‑commerce storefronts, visual editors, UI component libraries, and development tools—highlighting their key features, community support, documentation quality, and contribution guidelines to help developers choose suitable tools.

CommunityOpen-sourceStatic Site Generator
0 likes · 12 min read
Top Vue Open‑Source Projects: CMS, Generators, UI Libraries, and More
TikTok Frontend Technology Team
TikTok Frontend Technology Team
Jun 14, 2022 · Frontend Development

Implementing Accessibility (A11y) in Semi Design: Guidelines and Best Practices

This article explains why accessibility is essential for UI component libraries, describes the main types of disabilities, and provides concrete Semi Design guidelines—including color contrast, keyboard navigation, semantic markup, media handling, and layout recommendations—to create inclusive front‑end experiences.

WCAGa11yaccessibility
0 likes · 15 min read
Implementing Accessibility (A11y) in Semi Design: Guidelines and Best Practices
JD Tech
JD Tech
Mar 22, 2022 · Frontend Development

Understanding Frontend Componentization: Principles, Practices, and Challenges

This article systematically explores frontend componentization, covering its motivations, definitions, design principles, component types, implementation strategies, code examples, and the challenges faced during adoption, aiming to help developers achieve higher cohesion, lower coupling, and improved maintainability in web projects.

Web Developmentbest practicescomponentization
0 likes · 19 min read
Understanding Frontend Componentization: Principles, Practices, and Challenges