Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jardenliu/awesome-frontend-lib

Web front-end awesome library collection. (好用的前端开发库收集。)
https://github.com/jardenliu/awesome-frontend-lib

List: awesome-frontend-lib

Last synced: 3 months ago
JSON representation

Web front-end awesome library collection. (好用的前端开发库收集。)

Awesome Lists containing this project

README 

        
# awesome-frontend-lib

> A curated list of awesome things related to Web Front-end. 



[中文](https://github.com/jardenliu/awesome-frontend-lib/blob/master/README_zh-CN.md)



    

## Frameworks

  ### MVVC

  - [Vue.js](https://github.com/vuejs/vue) A progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  - [AngularJS](https://github.com/angular/angular.js) HTML enhanced for web apps!

  - [react](https://github.com/facebook/react) A declarative, efficient, and flexible JavaScript library for building user interfaces.

  - [HyperApp](https://github.com/jorgebucaran/hyperapp) 1 kB JavaScript micro-framework for building declarative web applications

  - [preact](https://github.com/developit/preact) Fast 3kB React alternative with the same modern API. Components & Virtual DOM. 

  



## Components && Librarys

  ### UI Utilities

  - [lozad.js](https://github.com/ApoorvSaxena/lozad.js) It is written with an aim to lazy load images, iframes, ads, videos or any other element

  - [draggable](https://github.com/Shopify/draggable) The JavaScript Drag & Drop library your grandparents warned you about

  

  ### Animations

  - [anime.js](https://github.com/juliangarnier/anime) It is a lightweight JavaScript animation library. It works with any CSS Properties, individual CSS transforms, SVG or any DOM attributes, and JavaScript Objects.

  - [animate.css](https://github.com/daneden/animate.css)  It is a bunch of cool, fun, and cross-browser animations for you to use in your projects

  - [popmotion](https://github.com/popmotion/popmotion) Simple libraries for delightful interfaces.

  - [anijs](https://github.com/anijs/anijs/) A Library to Raise your Web Design without Coding.

  - [dynamics](https://github.com/michaelvillar/dynamics.js) Dynamics.js is a JavaScript library to create physics-based animations

  - [csshake](https://github.com/elrumordelaluz/csshake)  Some CSS classes to move your DOM! 

  - [bounce.js](https://github.com/tictail/bounce.js)  Create beautiful CSS3 powered animations in no time.

  

  ### Scroll

  - [iscroll](https://github.com/cubiq/iscroll) Smooth scrolling for the web

  - [better-scroll](https://github.com/ustbhuangyi/better-scroll) inspired by iscroll, and it supports more features and has a better scroll perfermance

  ### Swiper 

  - [swiper](https://github.com/nolimits4web/swiper) Most modern mobile touch slider with hardware accelerated transitions 

  - [iSlider](https://github.com/be-fe/iSlider) Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App

  - [fullPage](https://github.com/alvarotrigo/fullPage.js) fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple

  

  ### Dialog

  - [sweetalert2](https://github.com/sweetalert2/sweetalert2) A beautiful, responsive, customizable, accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.

  - [bootbox](https://github.com/makeusabrew/bootbox) Bootstrap powered alert, confirm and flexible dialog boxes

  - [react-modal](https://github.com/reactjs/react-modal) Accessible modal dialog component for React 

  

  ### Notifications

  - [noty](https://github.com/needim/noty) Dependency-free notification library that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative the standard alert dialog. 

  - [push.js](https://github.com/Nickersoft/push.js) The world's most versatile desktop notifications framework 

  - [pnotify](https://github.com/sciactive/pnotify) Beautiful JavaScript notifications with Web Notifications support.

  

### Utilities

  - [lodash](https://github.com/lodash/lodash) A modern JavaScript utility library delivering modularity, performance, & extras.

  - [underscore]( https://github.com/jashkenas/underscore) Underscore.js is a utility-belt library for JavaScript that provides support for the usual functional suspects without extending any core JavaScript objects.

  - [ramda](https://github.com/ramda/ramda) A practical functional library for JavaScript programmers.

  - [30-seconds-of-code](https://github.com/30-seconds/30-seconds-of-code) Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.

  - [immutable-js](https://github.com/facebook/immutable-js/) Immutable persistent data collections for Javascript which increase efficiency and simplicity.

  - [RxJS](https://github.com/Reactive-Extensions/RxJS) The Reactive Extensions for JavaScript

  - [mathjs](https://github.com/josdejong/mathjs) An extensive math library for JavaScript and Node.js

  - [moment](https://github.com/moment/moment/) Parse, validate, manipulate, and display dates in javascript. 

  - [date-fns](https://github.com/date-fns/date-fns) Modern JavaScript date utility library

  - [Sugar](https://github.com/andrewplummer/Sugar) A Javascript library for working with native objects.

  - [lazy.jS](https://github.com/dtao/lazy.js)Lazy.js is a functional utility library for JavaScript, similar to Underscore and Lodash, but with a lazy engine under the hood that strives to do as little work as possible while being as flexible as possible.

  - [collect.js](https://github.com/ecrmnn/collect.js/) Convenient and dependency free wrapper for working with arrays and objects

  - [chancejs](https://github.com/chancejs/chancejs) Random generator helper for JavaScript

  - [voca](https://github.com/panzerdp/voca) The ultimate JavaScript string library



## bundlers

 - [Webpack](https://github.com/webpack/webpack) webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

 - [parcel](https://github.com/parcel-bundler/parcel) Blazing fast, zero configuration web application bundler

 - [rollup](https://github.com/rollup/rollup) Next-generation ES module bundler