awesome-frontend
策划的非常棒前端列表库、资源和闪亮的东西。
https://github.com/ly2513/awesome-frontend
Last synced: 15 days ago
JSON representation
0. 前端自动化(Workflow)
10. 表单处理
10.1 表单验证(Form Validator)/表单提示
- Fort.js – 表单填写进度提示
- Parsley
- Validform
- validator.js
- formvalidator.js
- mailcheck - 用于检测email地址的域名
- jQuery Label Better
- validator.js
- jquery-validation - jQuery Validation Plugin
- jquery.form.js - jQuery Form Plugin
10.2 < select > 相关 ###
10.3 单选框/复选框相关 ###
10.4 上传组件 ###
- jQuery File Upload Plugin
- 百度 Web Uploader
- uploadify
- Plupload
- arale-upload - 轻量级 iframe and html5 file uploader
- flow.js
- localResizeIMG - 前端本地客户端压缩图片，兼容IOS，Android，PC
- simple-uploader
- 百度 Web Uploader
- Dropzone.js - 文件上传库(可获取文件mime, 文件大小等; 针对图片可生成缩略图,获取图片宽度,高度)
- Fine Uploader
10.5 日期选择 ###
- GMU 日历组件
- API文档
- DEMO
- Both Date and Time picker widget based on twitter bootstrap
- Mobiscroll
- PriceCalendar - 酒店价格日历
- Pikaday - 日期选择器
10.7 标签插件(Tag) ###
10.8 自动完成插件 ###
10.9 样式修正 ###
11. 图表绘制/图形库(Graphics) ##
10.9 样式修正 ###
12. 日期格式化 & 时间轴 ##
10.9 样式修正 ###
13. 页面交互
13.10 滚动加载更多/下拉刷新(Pull to Refresh) ###
- jScroll
- web-pull-to-refresh
- pulltorefresh
- RubberBand.js - add pull-to-refresh functionality to any page.
13.11 平滑滚动插件(Smooth Scroll) ###
- jquery-smooth-scroll
- jquery.scrollTo - 平滑滚动到页面指定位置
- smooth-scroll
- scrollUp
- elevator.js - 一个模拟电梯运行“返回顶部”的 JS 插件
13.12 全屏滚动/全屏切换 ###
- pagePiling.js - 全屏滚动效果
- onepage-scroll
- zepto.fullpage - 专注于移动端的fullPage.js
- fullPage.js
- screenfull.js - 切换全屏模式
13.13 分屏滚动 ###
13.14 转场效果 ###
13.15 固定元素(Sticky) ###
13.16 触控事件 ###
13.17 拖拽组件 ###
13.18 隐藏或展示页面元素 ###
13.19 滚动条(Scrollbar) ###
13.1 Slider ###
- TouchSlide - 触屏滑动特效(焦点图,Tab切换)
- Swipe - the most accurate touch slider
- Swiper - Most modern mobile touch slider
- iscroll - Smooth scrolling for the web
- iSlider - 移动端滑动组件
- OwlCarousel - create beautiful responsive carousel slider
- PhotoSwipe
- TouchSlide - 触屏滑动特效(焦点图,Tab切换)
- jquery-mousewheel - jQuery鼠标滚轮滚动侦测插件
- Glide.js - 轻量级滑块组件
- slick - the last carousel you'll ever need
13.20 视差滚动(Parallax Scrolling) ###
13.3 懒加载/加载监听/预加载 ###
- imagesLoaded
- Echo.js
- lazySizes
- lazyload.js
- layzr.js - 一个小巧快速的图片懒加载库
- waitForImages - 图片加载监听库
- PxLoader - JS预加载库:实现图片、声音等各种文件的预加载功能
- bindWithDelay - jQuery Plugin For Delayed Event Execution
- TypeWatch - 停止输入时调用
- jquery_lazyload
13.4 图片轮播(幻灯片)/图片展示 ###
- prettyPhoto
- FlickerPlate - A cool jQuery plugin that lets you flick through content.
- Holder.js - Client-side image placeholders.
- RowGrid.js - 在径直的行里放置图片
- JQuery Panorama Viewer - 全景视图
- Intense Images - 全屏查看图片
- Picturefill - 一个响应式图片 JS 插件
- zoom.js - 一个 jQuery 图片放大插件
- watermarkjs - 一个在浏览器中添加图片水印的 JS 库
- responsive-images.js
- Picturefill - 一个响应式图片 JS 插件
- FlexSlider
13.5 图片剪裁/图片处理 ###
- DD_belatedPNG.js - 让IE6支持透明PNG图片
- Jcrop - Image Cropping Plugin for jQuery
- croppic - an image cropping jquery plugin
- smartcrop.js - 智能图片裁剪库
- jQuery.eraser - 图像擦除插件
- FocusPoint.js 实现图片的响应式裁剪
- imgareaselect
- CSSgram - CSS 实现的 Instagram 滤镜库
- antimoderate - 图片模糊库
13.6 进度条/加载动画(Loading) ###
- progress.js
- Pace - Automatic page load progress bar
- jquery-ajax-progress
- nanobar - Very lightweight progress bars.
- waitMe - 很漂亮的loading效果
- spin.js
- sonic.js
- fakeLoader.js
- loaders.css - 一个为性能优化的实现加载动画效果的 CSS 框架
- css-loaders
13.7 侧滑插件(offcancas) ###
13.8 菜单(Menu) ###
13.9 滚动侦测(ScrollSpy) ###
14. 代码高亮插件/代码编辑器 ##
13.20 视差滚动(Parallax Scrolling) ###
15. UI Icon 组件 ##
13.20 视差滚动(Parallax Scrolling) ###
16. 动画(Animate) ##
13.20 视差滚动(Parallax Scrolling) ###
- NEC动画库
- animations - CSS3 ANIMATION CHEAT SHEET
- Transit - CSS transitions and transformations for jQuery
- WOW - 在滚动过程中展示CSS动画效果(默认触发animate.css动画)
- Move.js - 简化CSS3动画的JS库
- ScrollMe – 在网页中加入各种滚动动画效果
- Effeckt.css - A Performant Transitions and Animations Library
- csshake - CSS classes to move your DOM
- magic - CSS3 Animations with special effects
- Hover.css - 很多鼠标Hover态的效果
- SpinKit
- Velocity.js - 加速JavaScript动画
- lenticular.js - 响应倾斜或鼠标事件创建图片动画
- jQuery Interactive 3D - Create a 3D interactive object using images
- Blast.js - 把动画和样式注入到文本中
- Bounce.js - 一个用于制作漂亮 CSS3 关键帧动画的 JS 库
- Sticker.js - create a Sticker Effect
- stroll.js - CSS3 list scroll effects
- jQuery Easing - 动画效果扩展
- animations - CSS3 ANIMATION CHEAT SHEET
- iconate.js：将 icons 增加动画效果的 JS 库
- AnimateScroll - A Simple jQuery Plugin for Animating Scroll
- scrollReveal.js - 元素进入可视区域自动触发设置好的动画
- AniJS - A Library to Raise your Web Design without Coding
- animate.css - A cross-browser library of CSS animations.