您当前的位置:首页 > 电脑百科 > 程序开发 > 框架

抖音前端UI框架开源了,亮瞎我的钛合金!

时间:2023-04-18 15:31:59  来源:  作者:Meta

抖音开源了一个前端UI框架-Semi-UI,还是不错的。大家可以了解下哈,等成熟了,可以用用。

Semi-UI,现代、全面、灵活的设计系统和 UI 库。快速搭建美观的React 应用。

Github开源地址:

https://github.com/DouyinFE/semi-design/

使用文档地址:

https://semi.design/zh-CN/start/getting-started

特性

  • 58+高质量组件

  • 强大的主题定制,上千个 Design Token

  • 国际化支持 14 种语言

  • 使用 TypeScript,良好的类型定义

  • 支持 SSR

     

安装
# 使用 npmnpm install @douyinfe/semi-ui
# 使用 yarnyarn add @douyinfe/semi-ui
使用

 

这是一个快速开始的例子:

import React from 'react';import ReactDOM from 'react-dom';import { Button, Switch } from '@douyinfe/semi-ui';

const App = () => (primary button
ReactDOM.render(, document.querySelector('#app'));

 

Semi UI 官网 拥有上千个支持实时调试的例子,欢迎体验使用。

文档

  • 快速开始

  • 组件总览

  • 自定义主题

  • Design Tokens

  • 暗色模式

  • Icons

  • 全局配置

  • 国际化

  • 常见问题

  • CHANGELOG

     

平台支持

 

Semi UI 支持所有主流浏览器。

强大的组件库



Tags:UI框架   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
OpenHarmony - 基于ArkUI框架实现日历应用
前言对于刚刚接触OpenHarmony应用开发的开发者,最快的入门方式就是开发一个简单的应用,下面记录了一个日历应用的开发过程,通过日历应用的开发,来熟悉基本图形的绘制,ArkUI的组件...【详细内容】
2024-01-16  Search: UI框架  点击:(54)  评论:(0)  加入收藏
最小响应式UI框架 VanJS 开源,仅 Preact 体积1/10!
今天给大家带来的主题是号称世界上最小的响应式 UI 框架,即 VanJS。话不多说,直接进入正题。1.什么是 VanJSVanJS(缩写为 Vanilla JavaScript)是一个基于纯 Vanilla JavaScript...【详细内容】
2023-05-22  Search: UI框架  点击:(663)  评论:(0)  加入收藏
抖音前端UI框架开源了,亮瞎我的钛合金!
抖音开源了一个前端UI框架-Semi-UI,还是不错的。大家可以了解下哈,等成熟了,可以用用。Semi-UI,现代、全面、灵活的设计系统和 UI 库。快速搭建美观的React 应用。github开源地...【详细内容】
2023-04-18  Search: UI框架  点击:(355)  评论:(0)  加入收藏
推荐一个.net core web ui框架 Kendo UI
是一套使用 jQuery、Angular、React 或 Vue 框架的 JavaScript Web 应用程序的 UI 组件库图1 先看对曲线图的绘制,上方是一个显示单元格。下面是绘制了多条线段曲线图。图1图...【详细内容】
2022-09-21  Search: UI框架  点击:(495)  评论:(0)  加入收藏
最佳UI框架的详细指南
用户界面是应用程序最重要的元素之一,它是用户对应用程序中的第一印象,它需要有吸引力,易于操作。因此,如果你对应用程序开发感兴趣,你必须选择最佳的UI框架,它能够提供出色的用户...【详细内容】
2022-09-08  Search: UI框架  点击:(351)  评论:(0)  加入收藏
微信小程序开发教程:WeUI一个专为微信小程序设计的UI框架
WeUI是什么WeUI 是一套同微信原生视觉体验一致的基础样式库。由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。它最初是为了给在微信端页面...【详细内容】
2021-03-08  Search: UI框架  点击:(684)  评论:(0)  加入收藏
基于阿里Ant Design构建的高颜值开源管理后台UI框架
继承 Ant Design 专业美观的优点,支持PC/手机/平板的响应式布局的优秀后台管理系统 UI 框架。关于 Artiely Vue AdminAnt Design 是阿里巴巴蚂蚁金服团队出品的前端 UI 组件...【详细内容】
2020-12-17  Search: UI框架  点击:(1083)  评论:(0)  加入收藏
EAdmin开箱即用的后台UI框架
相信大家用过不少的后台UI框架,这其中包含了使用了最新前端技术栈的vue-element-admin、基于Bootstrap 4.4框架以及JS / jQuery插件并完全响应的管理模板AdminLTE、具有漂亮...【详细内容】
2020-09-23  Search: UI框架  点击:(920)  评论:(0)  加入收藏
EAdmin - 开箱即用的后台UI框架
现在要写一个后台UI界面,要学的东西越来越多了。各种新的前端框架,让人应接不暇,而一些已有的CSS框架,需要额外写的组件逻辑又太多。有没有一个能够开箱即用,通过配置化的方式,就...【详细内容】
2020-09-02  Search: UI框架  点击:(804)  评论:(0)  加入收藏
AliOS Things内置的嵌入式GUI框架LittlevGL
AliOS Things 是 AliOS 家族旗下、面向 IoT 领域的、高可伸缩的物联网操作系统。物联网设备开发过程中,嵌入式GUI(用户图形界面)的开发是一个重要的组成部分。许多智能设备如...【详细内容】
2020-06-21  Search: UI框架  点击:(728)  评论:(0)  加入收藏
▌简易百科推荐
Web Components实践:如何搭建一个框架无关的AI组件库
一、让人又爱又恨的Web ComponentsWeb Components是一种用于构建可重用的Web元素的技术。它允许开发者创建自定义的HTML元素,这些元素可以在不同的Web应用程序中重复使用,并且...【详细内容】
2024-04-03  京东云开发者    Tags:Web Components   点击:(8)  评论:(0)  加入收藏
Kubernetes 集群 CPU 使用率只有 13% :这下大家该知道如何省钱了
作者 | THE STACK译者 | 刘雅梦策划 | Tina根据 CAST AI 对 4000 个 Kubernetes 集群的分析,Kubernetes 集群通常只使用 13% 的 CPU 和平均 20% 的内存,这表明存在严重的过度...【详细内容】
2024-03-08  InfoQ    Tags:Kubernetes   点击:(12)  评论:(0)  加入收藏
Spring Security:保障应用安全的利器
SpringSecurity作为一个功能强大的安全框架,为Java应用程序提供了全面的安全保障,包括认证、授权、防护和集成等方面。本文将介绍SpringSecurity在这些方面的特性和优势,以及它...【详细内容】
2024-02-27  风舞凋零叶    Tags:Spring Security   点击:(54)  评论:(0)  加入收藏
五大跨平台桌面应用开发框架:Electron、Tauri、Flutter等
一、什么是跨平台桌面应用开发框架跨平台桌面应用开发框架是一种工具或框架,它允许开发者使用一种统一的代码库或语言来创建能够在多个操作系统上运行的桌面应用程序。传统上...【详细内容】
2024-02-26  贝格前端工场    Tags:框架   点击:(47)  评论:(0)  加入收藏
Spring Security权限控制框架使用指南
在常用的后台管理系统中,通常都会有访问权限控制的需求,用于限制不同人员对于接口的访问能力,如果用户不具备指定的权限,则不能访问某些接口。本文将用 waynboot-mall 项目举例...【详细内容】
2024-02-19  程序员wayn  微信公众号  Tags:Spring   点击:(39)  评论:(0)  加入收藏
开发者的Kubernetes懒人指南
你可以将本文作为开发者快速了解 Kubernetes 的指南。从基础知识到更高级的主题,如 Helm Chart,以及所有这些如何影响你作为开发者。译自Kubernetes for Lazy Developers。作...【详细内容】
2024-02-01  云云众生s  微信公众号  Tags:Kubernetes   点击:(50)  评论:(0)  加入收藏
链世界:一种简单而有效的人类行为Agent模型强化学习框架
强化学习是一种机器学习的方法,它通过让智能体(Agent)与环境交互,从而学习如何选择最优的行动来最大化累积的奖励。强化学习在许多领域都有广泛的应用,例如游戏、机器人、自动驾...【详细内容】
2024-01-30  大噬元兽  微信公众号  Tags:框架   点击:(68)  评论:(0)  加入收藏
Spring实现Kafka重试Topic,真的太香了
概述Kafka的强大功能之一是每个分区都有一个Consumer的偏移值。该偏移值是消费者将读取的下一条消息的值。可以自动或手动增加该值。如果我们由于错误而无法处理消息并想重...【详细内容】
2024-01-26  HELLO程序员  微信公众号  Tags:Spring   点击:(86)  评论:(0)  加入收藏
SpringBoot如何实现缓存预热?
缓存预热是指在 Spring Boot 项目启动时,预先将数据加载到缓存系统(如 Redis)中的一种机制。那么问题来了,在 Spring Boot 项目启动之后,在什么时候?在哪里可以将数据加载到缓存系...【详细内容】
2024-01-19   Java中文社群  微信公众号  Tags:SpringBoot   点击:(86)  评论:(0)  加入收藏
花 15 分钟把 Express.js 搞明白,全栈没有那么难
Express 是老牌的 Node.js 框架,以简单和轻量著称,几行代码就可以启动一个 HTTP 服务器。市面上主流的 Node.js 框架,如 Egg.js、Nest.js 等都与 Express 息息相关。Express 框...【详细内容】
2024-01-16  程序员成功  微信公众号  Tags:Express.js   点击:(88)  评论:(0)  加入收藏
站内最新
站内热门
站内头条