• 注册
  • 查看作者
  • 15组常用前端开发组件库,特别是搞前端的老铁们可要仔细看了!

    0. 前端自动化

    前端构建工具
    gulp – The streaming build system
    grunt – the JavaScript Task Runner

    前端模块管理器
    Bower – A package manager for the web
    Browserify
    Component
    Duo
    RequireJS
    Sea.js

    css预处理器
    Less – Less is More , Than CSS
    Sass – Syntactically Awesome Style Sheets
    Stylus – Expressive, dynamic, robust CSS

    1. 前端框架

    Bootstrap
    Foundation
    Amaze UI
    Semantic UI
    Pure CSS
    topcoat
    UIkit
    Material UI
    Framework7
    mui
    ionic framework
    Fries
    jQuery Mobile
    2. JavaScript 框架汇总
    JavaScript 框架
    Angular
    jQuery
    Backbone.js
    Ractive.js
    KISSY
    Zepto.js
    Vanilla JS
    Avalon
    轻量级JavaScript框架
    Min.js – Super minimal selector and event library
    skel.js – A lightweight responsive framework
    JavaScript 工具库
    underscore.js
    Way.js – 双向数据绑定库
    Keys.js – 应用快捷键

    3. 前端游戏框架

    cocos2d-html5
    Egret Engine
    LimeJS
    EaselJS
    three.js
    AlloyStick
    The-Best-JS-Game-Framework
    CanvasEngine
    Quintus

    4. ui组件库

    GMU
    NEC
    NEJ
    Pure CSS Components
    magic-of-css

    5. 基础模版

    HTML5 BOILERPLATE
    Modernizr
    Normalize.css

    6. 排版

    yue.css
    typo.css

    7. 网格系统

    grid
    Flexbox Grid

    8. HTML5 API 应用

    History.js – gracefully supports the HTML5 History/State APIs
    jquery-pjax – pushState+ajax
    jquery-address – Deep Linking
    Notify.js(Web Notifications API)

    9. UA 识别

    detector

    10. 表单处理

    10.1 表单验证(Form Validator)
    Validator
    Parsley
    jquery.form.js – jQuery Form Plugin
    Validform
    validator.js
    formvalidator.js
    Fort.js – 表单填写进度提示
    10.2 < select > 相关
    Chosen
    Select2
    bootstrap-select
    10.3 单选框/复选框相关
    iCheck – 增强复选框和单选按钮
    10.4 上传组件
    jQuery File Upload Plugin
    百度 Web Uploader
    Uploadify
    Plupload
    arale-upload – 轻量级 iframe and html5 file uploader
    Dropzone.js – drag’n’drop library拖拽上传
    flow.js
    10.5 日期选择
    Both Date and Time picker widget based on twitter bootstrap
    GMU 日历组件
    Mobiscroll
    10.6 取色
    Colorpicker plugin for Twitter Bootstrap
    10.7 标签插件(Tag)
    TaggingJS – 可以灵活定制的 jQuery 标签系统插件

    11. 图表绘制

    Highcharts
    Chart.js – Simple HTML5 Charts using Canvas
    百度 ECharts
    Chartist.js
    D3.js – A JavaScript visualization library for HTML and SVG.
    intro-to-d3 – a D3.js tutorial

    12. 日期格式化

    Moment.js
    Smart Time Ago – 显示相对时间

    13. 页面交互

    13.1 Slider
    slick – the last carousel you’ll ever need
    Swipe – the most accurate touch slider
    Swiper – Most modern mobile touch slider
    iscroll – Smooth scrolling for the web
    13.2 瀑布流
    Masonry
    Isotope – Filter & sort magical layouts
    13.3 图片懒加载/加载监听
    imagesLoaded
    Echo.js
    lazySizes
    jquery_lazyload
    lazyload.js
    waitForImages – 图片加载监听库
    13.4 图片轮播/展示
    FlexSlider
    unslider – 小而美的轮播库
    prettyPhoto
    13.5 图片剪裁
    croppic – an image cropping jquery plugin
    13.6 进度条
    NProgress.js
    progress.js
    Pace – Automatic page load progress bar
    jquery-ajax-progress
    13.7 侧滑插件(offcancas)
    pushy – a responsive off-canvas navigation menu
    13.8 菜单(Menu)
    SuperFish – 基于jQuery的级联下拉菜单
    Responsive Nav – 响应式导航
    13.9 滚动侦测(ScrollSpy)
    jquery-scrollspy(1)
    jquery-scrollspy(2)
    Waypoints
    13.10 滚动加载更多
    jScroll
    13.11 平滑滚动插件(Smooth Scroll)
    jquery-smooth-scroll
    jquery.scrollTo – 平滑滚动到页面指定位置
    13.12 全屏滚动
    pagePiling.js – 全屏滚动效果
    13.13 分屏滚动
    multiscroll.js – 分屏滚动效果
    13.14 转场效果
    Animsition – 页面切换时的过渡效果
    13.15 固定元素(Sticky)
    sticky – jQuery Plugin for Sticky Objects
    jquery.pin – 固定页面元素
    13.16 触控事件
    Hammer.JS
    13.17 拖拽组件
    Draggabilly – 专注于拖拽功能的 JS 库
    13.18 隐藏或展示页面元素
    Headroom.js – 在不需要页头时将其隐藏
    Readmore.js – 内容显示与隐藏插件
    13.19 滚动条
    jScrollPane
    13.20 视差滚动(Parallax Scrolling)
    parallax.js
    jparallax

    14. 代码高亮插件/代码编辑器

    google-code-prettify
    highlight.js
    Rainbow
    ACE
    CodeMirror
    Crayon Syntax Highlighter
    prism – Lightweight, robust, elegant syntax highlighting.

    15. UI Icon 组件

    Font Awesome
    Glyphter: The SVG Font Machine
    Perfect Icons
    iconizr
    Cikonss – 纯CSS实现的响应式Icon
    Simple Icons

  • 0
  • 0
  • 0
  • 8
  • 请登录之后再进行评论

    登录

    捐助

    请在小工具里添加二维码

  • 做任务
  • 发表内容
  • 实时动态
  • 偏好设置
  • 单栏布局 侧栏位置: