{"id":13394683,"url":"https://github.com/moklick/frontend-stuff","last_synced_at":"2025-10-04T20:18:04.647Z","repository":{"id":21498571,"uuid":"24817507","full_name":"moklick/frontend-stuff","owner":"moklick","description":"📝 A continuously expanded list of frameworks, libraries and tools I used/want to use for building things on the web. Mostly JavaScript.","archived":false,"fork":false,"pushed_at":"2024-06-26T14:26:52.000Z","size":460,"stargazers_count":8880,"open_issues_count":7,"forks_count":707,"subscribers_count":395,"default_branch":"master","last_synced_at":"2025-05-21T00:12:42.396Z","etag":null,"topics":["frontend","javascript"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/moklick.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2014-10-05T14:31:29.000Z","updated_at":"2025-05-18T08:42:54.000Z","dependencies_parsed_at":"2023-02-12T16:45:47.838Z","dependency_job_id":"e09f15ca-41a6-47c4-8c9f-30859e365a4c","html_url":"https://github.com/moklick/frontend-stuff","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/moklick/frontend-stuff","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moklick%2Ffrontend-stuff","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moklick%2Ffrontend-stuff/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moklick%2Ffrontend-stuff/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moklick%2Ffrontend-stuff/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/moklick","download_url":"https://codeload.github.com/moklick/frontend-stuff/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moklick%2Ffrontend-stuff/sbom","scorecard":{"id":657493,"data":{"date":"2025-08-11","repo":{"name":"github.com/moklick/frontend-stuff","commit":"512267e441f5eae5269130db1cef8f3ceff50b72"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Code-Review","score":0,"reason":"Found 2/28 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":9,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Warn: project license file does not contain an FSF or OSI license."],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 4 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}}]},"last_synced_at":"2025-08-21T15:05:36.725Z","repository_id":21498571,"created_at":"2025-08-21T15:05:36.725Z","updated_at":"2025-08-21T15:05:36.725Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278366702,"owners_count":25975102,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-04T02:00:05.491Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["frontend","javascript"],"created_at":"2024-07-30T17:01:28.074Z","updated_at":"2025-10-04T20:18:04.605Z","avatar_url":"https://github.com/moklick.png","language":null,"readme":"Frontend stuff\n==============\n\nA continuously expanded list of frameworks, libraries and tools I used/want to use for building things on the web. Mostly Javascript stuff.\n\n## Table of Contents\n- [CSS/UI Frameworks](#cssui-frameworks)\n- [Frontend Frameworks/UI Component Libraries](#frontend-frameworks-ui-component-libraries)\n- [Allrounder](#allrounder-jquery-like) (jQuery like)\n- [Charts](#charts)\n- [Maps](#maps)\n- [Tables \u0026 Spreadsheets](#tables--spreadsheets)\n- [Selects](#selects)\n- [Loaders](#loaders)\n- [UI Elements](#ui-elements)\n- [Content Slider/Carousels](#content-slidercarousels)\n- [Typography/Text](#typographytext)\n- [Video](#video)\n- [Audio](#audio)\n- [Canvas and SVG](#canvas-and-svg)\n- [3D/WebGL Frameworks](#3dwebgl-frameworks)\n- [Image Processing](#image-processing)\n- [Scrolling](#scrolling)\n- [Touch Gestures](#touch-gestures)\n- [Animations](#animations)\n- [Templating](#templating)\n- [HTTP Requests](#http-requests)\n- [Events](#events)\n- [Icons](#icons)\n- [Colors](#colors)\n- [Databases/Storage](#databasesstorage)\n- [Validation](#validation)\n- [Dates](#dates)\n- [Internationalization](#internationalization)\n- [Numbers \u0026 Currencies](#numbers--currencies)\n- [Statistics \u0026 data analysis](#statistics--data-analysis)\n- [Module Loaders](#module-loaders)\n- [Lazy Loading](#lazy-loading)\n- [Neural Networks](#neural-networks)\n- [Social](#social)\n- [Utility Libraries](#utility-libraries)\n- [General](#general)\n\n### CSS/UI Frameworks\n- [bootflat](http://bootflat.github.io/index.html) - Bootstrap with a flat design theme\n- [Bootswatch](https://github.com/thomaspark/bootswatch) - A collection of themes for Bootstrap\n- [bulma](http://bulma.io/) - CSS framework based on Flexbox\n- [cardinal](http://cardinalcss.com/) - Cardinal is a small mobile first CSS framework\n- [caramel](http://caramel.kurisubrooks.com/) - A simple, beautiful, responsive, modern CSS framework\n- [corpus](https://github.com/jamiewilson/corpus) - A collection of CSS things\n- [HTML Starterkit](http://zitrusfrisch.com/html-starterkit/) - HTML5 template to kick off your responsive websites\n- [kube](http://imperavi.com/kube/) - Minimalistic Web framework\n- [Material Design Lite](http://www.getmdl.io/) - Material Design Lite Components in HTML/CSS/JS\n- [materialize](http://materializecss.com/) - A modern responsive front-end framework based on Material Design\n- [Metro UI](https://metroui.org.ua/) - A front-end framework for developing website in Windows Metro Style\n- [milligram](http://milligram.github.io/) - Minimal setup of styles for a fast starting point.\n- [mini.css](https://chalarangelo.github.io/mini.css/) - A minimal, responsive, style-agnostic CSS framework/toolkit\n- [mui](https://www.muicss.com) - A Lightweight HTML/CSS/JS Framework implementing Material Design\n- [NES.css](https://bcrikko.github.io/NES.css/) - NES-style CSS Framework\n- [paperCSS](https://www.getpapercss.com/) - The Less Formal CSS Framework\n- [papier](http://gugel.io/papier/) - Material design like minimal CSS framework\n- [pavilion](http://www.pavilion.io/) - Unopinionated CSS framework\n- [picnicss](http://picnicss.com/) - Lightweight UI library\n- [pure](http://purecss.io/) - A set of small, responsive CSS modules\n- [semantic-ui](http://semantic-ui.com/) - UI Kit with lots of themes and elements\n- [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework\n- [tachyons](http://tachyons.io/) - Modular UI framework\n- [tacit](https://github.com/yegor256/tacit) - CSS framework without classes\n- [uikit](http://getuikit.com/index.html) - A lightweight and modular front-end framework\n- [wing](https://github.com/KingPixil/wing/) - Minimal CSS framework\n\n**[ back to top](#table-of-contents)**\n\n### Frontend Frameworks/ Ui Component Libraries\n- [Angular](https://angularjs.org/) - HTML enhanced for web apps\n- [Aurelia](http://aurelia.io/) - UI framework for the browser, mobile or desktop apps\n- [choo](https://github.com/yoshuawuyts/choo) - Isomorphic, single state, functional frontend framework\n- [deku](https://github.com/anthonyshort/deku) - Library for rendering interfaces using pure functions and virtual DOM\n- [DisplayJS](https://github.com/arguiot/DisplayJS) - A simple JavaScript framework for building ambitious UIs\n- [hyperapp](https://github.com/hyperapp/hyperapp) - Micro-framework for building web applications\n- [inferno](https://github.com/trueadm/inferno) - Isomorphic library for building high-performance user interfaces\n- [jsblocks](https://github.com/astoilkov/jsblocks) - MV-ish framework for single page apps\n- [mercury](https://github.com/Raynos/mercury) - Modular frontend framework\n- [mithril](https://github.com/lhorie/mithril.js/) - Client-side MVC framework\n- [Moon](https://kbrsh.github.io/moon/) - Minimal UI library \n- [preact](https://github.com/developit/preact) - React ES6 API + Components \u0026 Virtual DOM\n- [React](https://facebook.github.io/react/) - Library for building user interfaces\n- [RE:DOM](https://github.com/pakastin/redom) - Library for creating user interfaces\n- [react-lite](https://github.com/Lucifier129/react-lite) - Implementation of React that optimizes for small script size\n- [riot](http://riotjs.com/) - User interface micro-library\n- [skatejs](https://github.com/skatejs/skatejs) - Web component library\n- [Solid](https://github.com/ryansolid/solid) -  declarative and flexible library for building user interfaces\n- [svelte](https://github.com/sveltejs/svelte) - The magical disappearing UI framework\n- [vue](https://github.com/vuejs/vue) - Library for building web interfaces\n\n**[ back to top](#table-of-contents)**\n\n### Allrounder (jQuery like)\n- [bliss](https://blissfuljs.com/) - A collection of helpers and light syntactic sugar over Vanilla JS\n- [cash](https://github.com/kenwheeler/cash) - Library that provides jQuery style syntax to wrap modern Vanilla JS features\n- [jQuery](https://jquery.com/) - Feature-rich JavaScript library\n- [nanoJS](https://github.com/vladocar/nanoJS/) - Minimal standalone JS library for DOM manipulation\n- [NodeList.js](https://github.com/eorroe/NodeList.js) - Use the Native DOM APIs as easily as jQuery\n- [Selector](https://github.com/Websilk/Selector) - Lightweight library used as a replacement for jQuery\n- [umbrella](https://github.com/umbrellajs/umbrella) - DOM, Event and AJAX library\n- [zeptojs](http://zeptojs.com/) - Library with a largely jQuery-compatible API\n- \n**[ back to top](#table-of-contents)**\n\n### Charts\n- [chartist](http://gionkunz.github.io/chartist-js/) - Simple responsive charts\n- [charts](https://github.com/frappe/charts) - SVG Charts with zero dependencies\n- [chartjs](http://www.chartjs.org/) - Simple, clean and engaging charts for designers and developers\n- [chart.xkcd](https://timqian.com/chart.xkcd/) - Chart library for \"sketchy\" or \"cartoony\" styled charts\n- [Cytoscape.js](http://js.cytoscape.org/) - Graph theory / network library for analysis and visualisation\n- [c3](http://c3js.org/) - D3-based reusable chart library\n- [dc](http://dc-js.github.io/dc.js/) - For heavy amounts of data\n- [dimple](http://dimplejs.org) - An object-oriented API for business analytics powered by d3\n- [D3xter](https://github.com/NathanEpstein/D3xter) - Straight forward plotting built on D3\n- [ECharts](http://echarts.baidu.com/index-en.html) - Charting library and interactive data visualization tool\n- [epoch](http://epochjs.github.io/epoch) - A general purpose, real-time visualization library\n- [f2](https://github.com/antvis/f2) - Interactive and flexible charting library for mobile\n- [flowchart.js](http://adrai.github.io/flowchart.js) - Draws flow charts from textual representation of the diagram\n- [Frappe](https://frappe.io/charts) - SVG charts for the web with zero dependencies\n- [ggraph](https://github.com/pcbje/ggraph) - Graph visualization of big messy data\n- [jsplumb](http://jsplumbtoolkit.com/) - Visual connectivity for webapps (flowcharts, sequence diagrams, etc)\n- [metricsgraphics](http://metricsgraphicsjs.org/) - Optimized for visualizing time-series data\n- [morrisjs](https://github.com/morrisjs/morris.js) - SVG charts based on jquery and Raphael\n- [muze](https://github.com/chartshq/muze) - Composable data visualisation lib with a data-first approach \n- [nvd3](http://nvd3.org/) - Re-usable charts and chart components for d3.js\n- [peity](http://benpickles.github.io/peity/) - Progressive mini \\\u003csvg\\\u003e pie, donut, bar and line charts\n- [taucharts](https://www.taucharts.com/) - Charts with a focus on design and flexibility\n- [timesheet.js](https://sbstjn.github.io/timesheet.js/) - HTML5 \u0026 CSS3 time sheets\n- [tui.chart](https://github.com/nhnent/tui.chart) - Data visualization library with IE8 support\n- [uPlot](https://github.com/leeoniya/uPlot) - Canvas based chart for time series, lines, areas, ohlc \u0026 bars\n- [uvCharts](https://github.com/imaginea/uvCharts) - Simple, robust, extensible charting library built using d3\n- [vis.js](http://visjs.org/) - A dynamic, browser based visualization library\n- [VivaGraph](https://github.com/anvaka/VivaGraphJS) - Extensible graph drawing library\n- [Z3d](https://github.com/NathanEpstein/Z3d) - 3d plots with three.js\n\n**[ back to top](#table-of-contents)**\n\n### Maps\n- [Cesium](https://cesiumjs.org/) - Library for creating 3D globes and 2D maps in a web browser without a plugin\n- [harp.gl](https://github.com/heremaps/harp.gl) - Web map rendering engine\n- [leaflet](https://leafletjs.com/) - Library for Mobile-Friendly Interactive Maps\n- [leaflet plugins](http://leafletjs.com/plugins.html) - Notable Leaflet Plugins\n- [Mapbox GL JS](https://www.mapbox.com/mapbox-gl-js/) - Interactive WebGL maps from vector tiles\n- [mapmap.js](https://github.com/floledermann/mapmap.js) - A data-driven API for interactive thematic maps\n- [mapsicon](https://github.com/djaiss/mapsicon) - Collection of maps for nearly every country in the world in PNG and SVG\n- [osmbuildings](http://osmbuildings.org/) - Library for visualizing buildings as pseudo 3D objects on interactive maps\n- [openlayers3](http://openlayers.org/) - Mapping library that supports different projections\n- [planetary](http://planetaryjs.com/) - Interactive globes for the web\n- [smallworld](http://mikefowler.me/smallworld.js/) - A small utility for generating a small world\n- [Tangram](https://mapzen.com/products/tangram/) - WebGL based map renderer\n- [topojson](https://github.com/mbostock/topojson) - An extension to GeoJSON that encodes topology\n- [turf](http://turfjs.org/) - A modular geospatial engine\n\n**[ back to top](#table-of-contents)**\n\n### Tables \u0026 Spreadsheets\n- [Clusterize.js](https://github.com/NeXTs/Clusterize.js) - Vanilla plugin to display large data sets\n- [DataTables](http://www.datatables.net/) - jQuery plugin which adds sorting, paging and filtering abilities to plain HTML tables with minimal effort\n- [dynatables](http://www.dynatable.com/) - Semantic and interactive table plugin using jQuery, HTML5, and JSON\n- [handson table](http://handsontable.com/) - Minimalist Excel-like data grid editor\n- [ListJS](https://listjs.com/) - Adds search, sort, filters and flexibility to plain HTML lists, tables, or anything\n- [sortable](http://github.hubspot.com/sortable/docs/welcome/) - Makes tables sortable\n- [tablesaw](https://github.com/filamentgroup/tablesaw) - A group of plugins for responsive tables\n- [tui-grid](https://ui.toast.com/tui-grid/) - Widget to visualize and edit data via its table representation\n- [x-spreadsheet](https://github.com/myliang/x-spreadsheet) - A web-based spreadsheet \n\n**[ back to top](#table-of-contents)**\n\n### Selects\n- [awesomplete](https://leaverou.github.io/awesomplete/) - Lightweight autocomplete\n- [chosen](https://harvesthq.github.io/chosen/) - Library for making long, unwieldy select boxes more friendly\n- [select2](https://select2.github.io/) - JQuery based replacement for select boxes\n\n**[ back to top](#table-of-contents)**\n\n### Loaders\n- [Loaders.css](https://github.com/ConnorAtherton/loaders.css) - Delightful, performance-focused pure css loading animations\n- [MProgress.js](https://lightningtgc.github.io/MProgress.js/) - Google Material Design Progress Linear bar\n- [NProgress](https://ricostacruz.com/nprogress/) - Slim progress bars for Ajax'y applications. Inspired by Google, YouTube, and Medium\n- [nanobar](https://github.com/jacoborus/nanobar/) - Lightweight progress bars without jQuery\n- [PACE](https://github.hubspot.com/pace/docs/welcome/) - Automatic page load progress bar. Needs zero config. Easy themeable.\n- [PleaseWait.js](https://pathgather.github.io/please-wait/) - A simple library to show your users a beautiful splash page while your application loads\n\n**[ back to top](#table-of-contents)**\n\n### UI Elements\n- [button concepts](http://tympanus.net/Development/CreativeButtons/) - List of CSS button variations\n- [countUp.js](https://inorganik.github.io/countUp.js/) - Count up or down animation effects for numbers\n- [Flipside](http://lab.hakim.se/flipside/) - A button that seamlessly transitions from action to confirmation with flipping animation\n- [Messenger.js](http://github.hubspot.com/messenger/) - Client-side growl-like notifications with actions and auto-retry.\n- [nouislider](https://refreshless.com/nouislider/) - Range slider\n- [nudge](https://www.npmjs.com/package/mlbz-nudge) - Provides simple on-screen nudges / notifications\n- [Slideout.js](http://mango.github.io/slideout/) - A touch slideout navigation menu for mobile web apps\n- [Sortable.js](http://rubaxa.github.io/Sortable/) - Reorderable drag-and-drop lists\n- [SweetAlert](https://t4t5.github.io/sweetalert/) - An awesome replacement for JavaScript's alert\n- [Toastr](http://codeseven.github.io/toastr/) - Simple toast notifications\n- [vex](http://github.hubspot.com/vex/docs/welcome/) - A modern dialog library which is highly configurable and easy to style\n\n**[ back to top](#table-of-contents)**\n\n### Content Slider/Carousels\n- [Glide](https://glidejs.com/) - A dependency-free slider and carousel\n- [Glider.js](https://github.com/NickPiscitelli/Glider.js) - A minimal carousel with momentum scrolling\n- [lory](http://meandmax.github.io/lory/) - Minimalistic slider written in vanilla JavaScript\n- [ItemSlide.js](http://itemslide.github.io/) - Touch carousel (needs jquery)\n- [Siema](https://pawelgrzybek.com/siema/) - Carousel with no dependencies\n- [slick](http://kenwheeler.github.io/slick/) - Fully responsive carousel (needs zepto or jquery)\n- [swipe](https://github.com/lyfeyaj/swipe) - Touch slider with React and Angular support\n- [swiper](http://www.idangero.us/swiper/) - Slider with touch support\n\n**[ back to top](#table-of-contents)**\n\n### Typography/Text\n- [Blotter](https://blotter.js.org/) - Unconventional text effects for the web\n- [fitty](https://github.com/rikschennink/fitty) - Scales text so it fits to its parent container\n- [flowtype](https://simplefocus.com/flowtype/) - Responsive typography\n- [RoughNotation](https://github.com/rough-stuff/rough-notation) - Library to create and animate annotations\n- [shave](https://dollarshaveclub.github.io/shave/) - Plugin for truncating text within an html element\n- [Typeset.js](https://github.com/davidmerfield/typeset) - HTML pre-processor for web typography\n\n**[ back to top](#table-of-contents)**\n\n### Video\n- [medialementjs](https://mediaelementjs.com/) - Video and audio handling\n- [Plyr](https://plyr.io/) - A simple HTML5 media player with custom controls\n- [talkie](https://github.com/kiln/talkie) - Combines audio and animations\n- [Videojs](https://www.videojs.com/) - Open source HTML5 video player\n\n**[ back to top](#table-of-contents)**\n\n### Audio\n- [abcjs](https://github.com/paulrosen/abcjs) - javascript for rendering abc music notation\n- [audio5js](https://github.com/zohararad/audio5js) - The HTML5 Audio Compatibility Layer\n- [bap](https://github.com/adamrenklint/bap) - Toolkit for making beats and composing sequences\n- [howler](http://howlerjs.com/) - Audio library\n- [soundjs](https://createjs.com/SoundJS) - Audio library + simple interface\n- [timbre.js](http://mohayonao.github.io/timbre.js/) - Library for Objective Sound Programming\n- [tone.js](https://github.com/Tonejs/Tone.js) - Framework for interactive music\n- [tonal](https://github.com/danigb/tonal) - A functional music theory library\n- [vexflow](http://www.vexflow.com/) - Library for rendering music notation\n- [wavesurfer.js](https://github.com/katspaugh/wavesurfer.js) - Navigable waveform\n\n**[ back to top](#table-of-contents)**\n\n### Canvas and SVG\n- [canvas-sketch](https://github.com/mattdesl/canvas-sketch) - Framework for making generative artwork\n- [D3](http://d3js.org/) - A JavaScript visualization library for HTML and SVG\n- [Easeljs](http://www.createjs.com/easeljs) - Library for building canvas based interactive 2D content\n- [Fabric.js](http://fabricjs.com/) - Canvas Library, SVG-to-Canvas (\u0026 Canvas-to-SVG) Parser\n- [GraphicsJS](http://www.graphicsjs.org/) - Graphics library with an intuitive API, based on SVG/VML technology\n- [Konva](http://konvajs.github.io/) - Framework that extends the 2d context by enabling canvas interactivity\n- [panzoom](https://github.com/anvaka/panzoom) - Pan and zoom SVG elements\n- [Paper.js](http://paperjs.org/) - Canvas based vector graphics scripting framework\n- [Paths.js](https://github.com/andreaferretti/paths-js) - Generate SVG paths for geometric shapes\n- [pixi.js](http://www.pixijs.com/) - 2D WebGL rendering engine with Canvas fallback\n- [p5js](http://p5js.org/) - Processing for Javascript\n- [Raphael](http://raphaeljs.com/) - Library that simplify your work with vector graphics on the web\n- [Rough.js](https://roughjs.com/) - Create graphics with a hand-drawn, sketchy, appearance\n- [rune.js](http://runemadsen.github.io/rune.js/index.html) - A Library for programming graphic design systems with SVG\n- [svg.js](https://github.com/wout/svg.js) - A Library for manipulating and animating SVG\n- [svg-3d-builder](https://github.com/captainwz/svg-3d-builder) - Tool to create 3d model with svg \n- [two.js](https://jonobr1.github.io/two.js/) -  A two-dimensional drawing api\n- [vizflow](https://github.com/vizflow/vizflow) - Interactive visualization engine\n- [Zdog](https://github.com/metafizzy/zdog) - Pseudo-3D engine for canvas \u0026 SVG\n\n**[ back to top](#table-of-contents)**\n\n### 3D/WebGL Frameworks\n- [babylonJS](http://babylonjs.com/) - Framework for building 3D games with HTML5, WebGL and Web Audio\n- [sceneJS](http://scenejs.org/) - WebGL-based 3D visualization engine\n- [three.js](https://threejs.org/)- 3D Library which makes WebGL simpler\n- [voxel.js](http://voxeljs.com/) - Voxel game building toolkit\n- [WhitestormJS](https://whsjs.io/#/) - Framework for developing 3D web apps with physics\n\n**[ back to top](#table-of-contents)**\n\n### Image Processing\n- [camanjs](http://camanjs.com/) - Combination of a simple-to-use interface with advanced and image/canvas editing techniques\n- [grafijs](http://grafijs.org/) - Library with basic image processing functions\n- [smartcrop](https://github.com/jwagner/smartcrop.js/) - Content aware image cropping\n\n**[ back to top](#table-of-contents)**\n\n### Scrolling\n- [basicScroll](https://basicscroll.electerious.com/) - Standalone parallax scrolling for mobile and desktop with CSS variables\n- [emergence.js](https://github.com/xtianmiller/emergence.js) - Detect element visibility in the browser\n- [headroom](http://wicky.nillia.ms/headroom.js/) - Hide your header until you need it\n- [in-view](https://camwiegert.github.io/in-view) - Get notified when a element enters/exits the viewport\n- [moveTo](https://github.com/hsnaydd/moveTo) - Scroll animation library\n- [scroll-scope.js](http://eiskis.net/scroll-scope/) - Keep parent element still when scrolling an element to its boundary\n- [ScrollMagic](http://janpaepke.github.io/ScrollMagic/) - Library for scroll interactions\n- [scrollMonitor](https://github.com/stutrek/scrollMonitor) - API to monitor elements as you scroll\n- [scrollreveal](https://scrollrevealjs.org/) - Scroll animations for web and mobile browsers\n- [verge](https://github.com/ryanve/verge) - Get viewport dimensions, detect elements in the viewport\n\n**[ back to top](#table-of-contents)**\n\n### Touch Gestures\n- [AlloyFinger](https://github.com/AlloyTeam/AlloyFinger) - Multi-touch gestures library\n- [Hammer.js](http://hammerjs.github.io/) - Add support for touch gestures and remove 300ms delay from clicks\n\n**[ back to top](#table-of-contents)**\n\n### Animations\n- [animate.css](https://daneden.github.io/animate.css/) - A cross-browser library of CSS animations\n- [Animate Plus](https://github.com/bendc/animateplus) - Tiny (2 KB minified and gzipped) animation library\n- [Anime](http://anime-js.com/) - Anime is a flexible yet lightweight animation library\n- [bounce.js](http://bouncejs.com/) - CSS3 powered animations\n- [choreographer](https://github.com/christinecha/choreographer-js) - Library to take care of complicated css animations\n- [Dynamics.js](http://dynamicsjs.com/) - Library to create physics-based CSS animations\n- [GSAP](https://greensock.com/gsap) - Fast animation library\n- [Hover.css](http://ianlunn.github.io/Hover/) - CSS3 Hover Effects\n- [impulse](http://impulse.luster.io/) - Dynamic physics interactions for the mobile web\n- [KUTE.js](http://thednp.github.io/kute.js/#) - animation engine, memory efficient \u0026 modular code\n- [mojs](http://mojs.io/) - Motion for the web\n- [popmotion](http://popmotion.io/) - Motion Engine. Use for animation, physics and input tracking.\n- [rebound](http://facebook.github.io/rebound-js/examples/) - Library that models Spring dynamics for driving physical animations\n- [repaintless](http://szynszyliszys.github.io/repaintless/)  - Animation library that consists of animations that don't cause reflows and repaints\n- [Scene.js](http://daybrush.com/scenejs/) - Timeline-based animation library\n- [semantic ui - transition](http://semantic-ui.com/modules/transition.html) - Simple CSS3 Animations and transitions\n- [Sequence.js](https://github.com/IanLunn/Sequence/) - Responsive CSS animation framework\n- [shifty](https://jeremyckahn.github.io/shifty/) - Tweening engine\n- [snabbt](https://daniel-lundin.github.io/snabbt.js/) - Animations with JavaScript and CSS transforms\n- [snapsvg](http://snapsvg.io/) - Library for animating and manipulating SVG's\n- [tween.js](https://github.com/tweenjs/tween.js) - Tweening engine\n- [velocity](http://velocityjs.org/) - Accelerated JavaScript animations\n- [vivus](https://maxwellito.github.io/vivus/) - Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn\n\n**[ back to top](#table-of-contents)**\n\n### Templating\n- [dotjs](https://olado.github.io/doT/) - Fast templating engine\n- [Handlebars](http://handlebarsjs.com/) - Minimal Templating on Steroids\n- [Hogan](http://twitter.github.io/hogan.js/) - JavaScript templating\n- [marko](http://markojs.com/) - Fast and lightweight HTML-based templating engine that compiles templates to CommonJS modules and supports streaming, async rendering, custom tags and a concise syntax\n- [mustache](https://github.com/janl/mustache.js) - Minimal templating with {{mustaches}} in JavaScript\n- [nunjucks](http://mozilla.github.io/nunjucks/) - A rich and powerful templating language\n- [paperclip.js](http://paperclipjs.com/) - Reactive DOM template engine built for speed and extensibility\n- [vdo](https://github.com/DylanPiercey/vdo) - Minimal JSX compatible html focused templating engine\n\n**[ back to top](#table-of-contents)**\n\n### HTTP Requests\n- [aja](http://krampstudio.github.io/aja.js/) - Asynchronous JavaScript and JSON(P)\n- [axios](https://github.com/mzabriskie/axios) - Promise based HTTP client\n- [d3-request](https://github.com/d3/d3-request) - A convenient alternative to XMLHttpRequest\n- [fetch](https://github.com/github/fetch) - A `window.fetch` javascript polyfill\n- [intercooler-js](http://intercoolerjs.org/) - Making AJAX as easy as anchor tags\n- [qwest](https://github.com/pyrsmk/qwest) - Ajax library with XHR2, promises and request limit\n- [reqwest](https://github.com/ded/reqwest) - Browser asynchronous HTTP requests\n- [superagent](https://visionmedia.github.io/superagent/) - Client-side HTTP request library\n\n**[ back to top](#table-of-contents)**\n\n### Events\n- [bean](https://github.com/fat/bean) - Events api\n- [gator.js](http://craig.is/riding/gators) - Simple event delegation\n- [EventEmitter2](https://github.com/asyncly/EventEmitter2) - Events API with wildcards\n- [mitt](https://github.com/developit/mitt) - Tiny functional event emitter / pubsub\n\n**[ back to top](#table-of-contents)**\n\n### Icons\n- [elegant](http://www.elegantthemes.com/blog/resources/elegant-icon-font) - Elegant Icon font\n- [eva-icons](https://github.com/akveo/eva-icons) - Icon pack with SVG, Sketch, Web Font and animation support\n- [evil icons](http://evil-icons.io/) - Lightweight SVG icons\n- [Feather](https://feathericons.com/) - Simply beautiful open source icons\n- [flaticon](http://flaticon.com/) - Tens of thousands of free monochromatic icons in SVG, font, PNG.\n- [fontawesome](http://fortawesome.github.io/Font-Awesome/) - Gives you scalable vector icons that can instantly be customized\n- [fontello](http://fontello.com/) - Icon fonts generator\n- [foundation icon font 3](http://zurb.com/playground/foundation-icon-fonts-3) - Foundation Zurb Icon Font 3\n- [Icomoon](https://icomoon.io/) - Website to custom build icon fonts\n- [ikonate](https://ikonate.com/) - Fully customisable \u0026 accessible vector icons\n- [ionicons](http://ionicons.com/) - The icon font for Ionic Framework\n- [material-design-icons](https://github.com/google/material-design-icons) - Material Design icons by Google\n- [octicons](https://octicons.github.com/) - Github icons\n- [the nounproject](http://thenounproject.com/) - Icon search\n- [weloveiconfonts](http://weloveiconfonts.com/) - A free \u0026 open source icon fonts hosting service\n\n**[ back to top](#table-of-contents)**\n\n### Colors\n- [bootflat color picker](http://bootflat.github.io/color-picker.html) - Color picker for flat design\n- [Brand Colors](http://brandcolors.net) - Official color codes for the world's biggest brands\n- [chromajs](http://old.driven-by-data.net/about/chromajs/) - Library for all kinds of color manipulations\n- [chromajs color scale helper](http://gka.github.io/palettes) - Tool to help us mastering multi-hued, multi-stops color scales\n- [coolors](http://coolors.co/) - Super fast color scheme generator\n- [color](http://color.hailpixel.com/) - Intuitive color picker\n- [colorbrewer2](http://colorbrewer2.org/) - Color advice for cartography\n- [ColorHexa](http://www.colorhexa.com/) - Color encyclopedia : Information and conversion\n- [colourco](http://colourco.de/) - Color scheme tool\n- [colormind](http://colormind.io/) - Deep learning AI that knows color theory and creates color schemes\n- [Colors](http://clrs.cc/) - Smarter Default colors on the web\n- [hcl-picker](http://tristen.ca/hcl-picker/) - Colorpicker for data\n- [kewler](https://github.com/adriantoine/kewler) - Functional and immutable color manipulation library\n- [khroma](http://khroma.co/) - AI color tool for designers\n- [polychrome](https://github.com/cdonohue/polychrome) - Color manipulation helper\n- [uiGradients](http://uigradients.com/) - A handpicked collection of beautiful colour gradients for design and code\n- [vibrant.js](https://github.com/jariz/vibrant.js/) - Extract prominent colors from an image\n\n**[ back to top](#table-of-contents)**\n\n### Databases/Storage\n- [basil.js](https://github.com/Wisembly/basil.js) - Persistence layer\n- [Dexie.js](https://dexie.org/) - Wrapper for IndexedDB\n- [ForerunnerDB](https://www.forerunnerdb.com/) - Database with mongo-like query language and data-binding support\n- [idb](https://github.com/jakearchibald/idb) - IndexedDB with Promises\n- [localForage](https://github.com/mozilla/localForage) - Library like a localStorage API with fallback store for browsers with no IndexedDB or WebSQL support\n- [LokiJS](https://github.com/techfort/LokiJS) - Embeddable / in-memory database\n- [lovefield](https://github.com/google/lovefield) - SQL-like, relational query engine for the browser\n- [pouchdb](http://pouchdb.com/) - Created to help developers build applications that work as well offline as they do online\n- [rxdb](https://github.com/pubkey/rxdb) - Reactive, serverless, client-side, offline-first database\n- [store.js](https://github.com/marcuswestin/store.js) - Cross-browser storage using localStorage, globalStorage or userData\n\n**[ back to top](#table-of-contents)**\n\n### Validation\n- [is.js](http://arasatasaygin.github.io/is.js/) - Micro check library\n- [Parsley](https://github.com/guillaumepotier/Parsley.js) - Easy Form validation\n- [validate.js](https://github.com/rickharrison/validate.js) - Form validation library inspired by CodeIgniter\n- [validator.js](https://github.com/chriso/validator.js) - String validation and sanitization\n- [yup](https://github.com/jquense/yup) - Yup is a schema builder for runtime value parsing and validation. \n\n**[ back to top](#table-of-contents)**\n\n### Dates\n- [dateformat](https://github.com/felixge/node-dateformat) - Library for formatting dates\n- [date-fns](https://github.com/date-fns/date-fns) - Toolset for manipulating dates\n- [flatpickr](https://chmln.github.io/flatpickr/) - Lightweight date time picker without dependencies \n- [instadate](https://github.com/teamweek/instadate) - A minimal date library\n- [luxon](https://github.com/moment/luxon) - A library for working with dates and times\n- [moment.js](http://momentjs.com/) - Parse, validate, manipulate, and display dates\n- [Pikaday](http://dbushell.github.io/Pikaday/) - A lightweight Datepicker\n- [sugar](http://sugarjs.com/dates) - Parse, create, manipulate, compare, format and display dates\n- [tinytime](https://github.com/aweary/tinytime) - Light date and time formatter\n\n**[ back to top](#table-of-contents)**\n\n### Internationalization\n- [l10ns](http://l10ns.org/) - Internationalization workflow and formatting\n- [globalize](https://github.com/jquery/globalize) - A library for internationalization and localization that leverages the official Unicode CLDR JSON data\n\n**[ back to top](#table-of-contents)**\n\n### Numbers \u0026 Currencies\n- [Numbro.js](http://numbrojs.com/) - Formatting and manipulating numbers in more than 30 languages\n- [accounting.js](http://openexchangerates.github.io/accounting.js) - Number, money and currency formatting\n- [money.js](http://openexchangerates.github.io/money.js/) - Currency conversion library\n- [cleave.js](http://nosir.github.io/cleave.js/) - Format input text content when you are typing\n\n**[ back to top](#table-of-contents)**\n\n### Statistics \u0026 Data Analysis\n- [datakit](https://github.com/nathanepstein/datakit) - Framework for data analysis\n- [datalib](https://github.com/vega/datalib) - Data utility library\n- [gauss](https://github.com/wayoutmind/gauss) - Statistics, analytics, and data library\n- [jstat](https://github.com/jstat/jstat) - Javascript Statistical Library\n- [science.js](https://github.com/jasondavies/science.js) - Scientific and statistical computing in JavaScript\n- [simple-statistics](https://github.com/simple-statistics/simple-statistics) - simple statistics for node \u0026 browser javascript\n- [statkit](https://github.com/rigtorp/statkit) - Statistics toolkit\n- [stdlib](https://stdlib.io/) - Library with an emphasis on numerical and scientific computing applications\n- [TheoremJS](https://github.com/arguiot/TheoremJS) - A Math library for computation\n\n**[ back to top](#table-of-contents)**\n\n### Module Loaders\n- [Browserify](http://browserify.org/) - Lets you require('modules') in the browser\n- [RequireJS](https://github.com/jrburke/requirejs) - A file and AMD module loader\n- [Rollup](https://github.com/rollup/rollup) - ES6 module bundler with tree shaking abilities\n- [stealjs](http://stealjs.com/) - Dependency loader and builder\n- [Systemjs](https://github.com/systemjs/systemjs) - ES6, AMD and CommonJS loader\n- [webpack](http://webpack.github.io/) - CommonJs and AMD module loader\n\n**[ back to top](#table-of-contents)**\n\n### Lazy Loading\n- [Aload](http://pazguille.github.io/aload/) - Asynchronously loads images, scripts, styles and more\n- [echo](http://toddmotto.com/labs/echo/) - Standalone lazy loading image micro-library\n- [Lazy Progressive Enhancement](http://tylerdeitz.co/lazy-progressive-enhancement/) - A lazy image loader designed to enforce progressive enhancement and valid HTML\n- [layzr.js](http://callmecavs.github.io/layzr.js/) - Dependency-free library for lazy loading images\n- [lazysizes](https://github.com/aFarkas/lazysizes) - fast and self-initializing lazyloader for images, iframes and more\n- [loadXT](https://github.com/ressio/lazy-load-xt) - Lazy loading for any elements\n- [Unveil](http://luis-almeida.github.io/unveil/) - Lightweight plugin to lazy load images for jQuery or Zepto.js\n\n**[ back to top](#table-of-contents)**\n\n### Neural Networks\n- [brain](https://github.com/harthur-org/brain) - Neural networks in JavaScript\n- [ConvNetJS](http://cs.stanford.edu/people/karpathy/convnetjs/) - Library for training Deep Learning models\n- [deeplearn.js](https://github.com/PAIR-code/deeplearnjs) - Hardware-accelerated machine intelligence library\n- [dn2a-javascript](https://github.com/dn2a/dn2a-javascript) - Digital Neural Networks Architecture\n- [Mind](http://www.mindjs.net/) - Flexible neural networks\n- [neurojs](https://github.com/janhuenermann/neurojs) - Deep learning and reinforcement learning library\n- [synaptic.js](http://synaptic.juancazala.com/#/) - Architecture-free neural network\n- [Tensor Fire](https://tenso.rs/) - Neural networks in the browser using WebGL\n\n**[ back to top](#table-of-contents)**\n\n### Social\n- [js socials](http://js-socials.com/) - Social network sharing jQuery plugin\n- [rrssb](http://kurtnoble.com/labs/rrssb/) - Ridiculously Responsive Social Sharing Buttons\n- [share-button](http://sharebutton.co/) - Fast, beautiful, and painless social shares\n- [sharingbuttons](http://sharingbuttons.io/) - Social media sharing buttons without JavaScript\n- [socialcount](http://www.filamentgroup.com/lab/socialcount.html) - Custom sharing buttons with share count\n- [Social Likes](http://sapegin.github.io/social-likes/) - Single-style sharing buttons with counters for jQuery\n- [whatsapp button](http://whatsapp-sharing.com/) - Creates a whatsapp sharing button\n\n**[ back to top](#table-of-contents)**\n\n### Utility Libraries\n- [lazy.js](http://danieltao.com/lazy.js/) - A functional utility library\n- [lodash](https://lodash.com/) - Utility library delivering modularity, performance \u0026 extras.\n- [moutjs](http://moutjs.com/) - Collection of modular JavaScript utilities \n- [pareto.js](https://github.com/concretesolutions/pareto.js) - Functional utility library\n- [ramdajs](http://ramdajs.com/) - A practical functional library\n- [Sugar](https://sugarjs.com/) - Utility library for working with native objects\n- [underscore](http://underscorejs.org/) - Library that provides functional programming helpers\n\n**[ back to top](#table-of-contents)**\n\n### General\n- [dat.GUI](https://github.com/dataarts/dat.gui) - Minimal interface for live control of variables in JS\n- [embed.js](https://github.com/ritz078/embed.js) - Automatically embeds emojis, media, maps, tweets, code and services\n- [formstone](http://formstone.it/) - Collection of handy useful scripts\n- [golden-layout](https://golden-layout.com/) - A multi-screen layout manager for webapps\n- [interact.js](http://interactjs.io/) - Drag and drop, resizing and multi-touch gestures with inertia and snapping\n- [jwerty](http://keithamus.github.io/jwerty/) - Handling of keyboard events\n- [keymaster](https://github.com/madrobby/keymaster) - Simple key listener\n- [modernizr](http://modernizr.com/) - Feature Detection Library\n- [tether](http://github.hubspot.com/tether/docs/welcome/) - Marrying UI Elements (dropdown, tooltips, guide, selects)\n- [UpUp](https://www.talater.com/upup/) - Offline First library. Let users visit your site, even without a connection.\n- [bro-fs](https://github.com/vitalets/bro-fs) - Promise-based wrapper over [HTML5 Filesystem API](https://dev.w3.org/2009/dap/file-system/file-dir-sys.html) allowing to work with sandboxed filesystem in Chrome\n\n**[ back to top](#table-of-contents)**\n","funding_links":[],"categories":["Others","Uncategorized","Technical","Web Development","To Sort","miscellaneous","综合","Dépôts","javascript","frontend","资料篇","书籍 / 阅读 / 学习"],"sub_categories":["Uncategorized","ramanihiteshc@gmail.com","vuepress","Côté client (*Front-end*)","GitHub篇"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoklick%2Ffrontend-stuff","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmoklick%2Ffrontend-stuff","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoklick%2Ffrontend-stuff/lists"}