Code Monkey home page Code Monkey logo

sense-ui's Introduction

Sense-UI

logo

🌱 SenseUI is a Web Components & Custom Elements for Future Web Applications.👽

基于web标准的组件,面向未来web应用的组件,原生开发,Vue,React,Angular 都可使用。

采用用css-variables scale, 控制主题变量 dom构建 采用tagged-template literals js交互AnimationEvent()

轻量极速

  • 组件基于html5原生标签及属性,减少js模拟;
  • 充分利用css3伪类(::before,::after,:root,:host,:not,:target,:valid,:invalid,:placeholder-shown,:required)及动画的交互,较少js操作dom带来的性能损耗;
  • 在线动态换肤,无需打包编译;
  • 基础样式采用stylus;
  • 支持typescript开发。

Browser Support

The polyfills are intended to work in the latest versions of evergreen browsers. See below for our complete browser support matrix:

Polyfill IE11+ Chrome* Firefox* Safari 9+* Chrome Android* Mobile Safari*
Custom Elements
HTML Imports
Shadow DOM
Templates
npm install
npm run dev //启动开发
npm run build //打包

todo-list

  • 集成scss,或styl,或less
  • 打包后文件浏览器直接运行
  • 通过css var 实现换肤
  • 添加了scss支持后,css var 变量的值会被编辑问题,改为stylus解决了
  • 通过外部css变量的值控制,组件内的样式
  • post-css
  • 添加点击水波:
  • 开发中代码变化热更新:
  • 编辑器支持插件(类似Vetur)

开发常用插件

  • vscode 支持postcss的插件postcss-sugarss-language
  • language-stylus
  • 开发备忘文档

http://flatfull.com/themes/flatkit/#home

https://www.wrappixel.com/demos/angular-admin-templates/adminbite-angular/landingpage/index.html

https://mannatthemes.com/metrica/

vue3试验场 https://vue-next-template-explorer.netlify.app/

https://template-explorer.vuejs.org/

sense-ui's People

Contributors

artskin avatar dependabot[bot] avatar

Stargazers

fuzhongfeng avatar lishanlei avatar Leon Ding avatar Lixing avatar NickHoo avatar  avatar ChunFuWu avatar ooame avatar IvannnnJ avatar Big Dino avatar  avatar  avatar  avatar

Watchers

James Cloos avatar  avatar ChunFuWu avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.