Skip to content

Instantly share code, notes, and snippets.

@Phalacrocorax
Last active August 10, 2020 06:17
Show Gist options
  • Select an option

  • Save Phalacrocorax/d6b5bfb35d1ae6f06d32f6b6ff8e00ed to your computer and use it in GitHub Desktop.

Select an option

Save Phalacrocorax/d6b5bfb35d1ae6f06d32f6b6ff8e00ed to your computer and use it in GitHub Desktop.
[Library] js / css / ui / picture

____awesome-for-beginners awesome-for-beginners @ github

awesomes.cn

由全国的开发者共同维护,打造开放自由免费的高质量前端资源库

SASS

  • milligram // 9kb 感谢milligram,让我学会了SASS
  • iotaCSS // SASS based, follows the BEM Methodology and is inspired by OOCSS

iotaCSS is a smart and minimalistic CSS Framework built for scale. It’s SASS based, follows the BEM Methodology and is inspired by OOCSS, Atomic design & ITCSS. In general iotaCSS provides you the following:

  • Tent css // 5kb for very basement css 下载下来发现有19kb?

LESS

  • semantic-ui // star 35,465 bravo
  • spectre // 感觉会很适合大型的项目, 基于less
@Phalacrocorax
Copy link
Author

Phalacrocorax commented Apr 13, 2017

Javascript

Tool

Planck.js | 2D games

This project is a JavaScript rerwite of the popualr C++ Box2D physics engine, used by game developers for years. Plank.js optimizes the engine for web and mobile browsers, and provides an open-source JavaScript-friendly codebase and API. This way web developers can be more comfortable when making 2D games and other physics related experiments.

phaser | 2D games

Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

TensorFire | WebGL

TensorFire runs neural networks in the browser using WebGL. 可以用视频在线玩じゃんけんぽん。。。。

dragula | drag & drop

Drag and drop so simple it hurts

Reactive Listener | advanced event listeners

Don’t let the name fool you, this isn’t a React component. Reactive listener is a tiny library by Zurb that allows us to create advanced event listeners that respond to more complex actions than simply clicks and hovers. Right now it can only recognize when the user is moving towards an element, but in the future more cool listeners may be added.

gatsbyjs | site generator for React.

A blazing fast modern site generator for React.

prosemirror | A toolkit for building rich-text editors on the web

ProseMirror tries to bridge the gap between Markdown text editing and classical WYSIWYG editors.

Vue

Vue相关开源项目库汇总awesome-github-vue

This is an experimental Vue Project in order to compare with Angular2 and Ember2, Live Demo.

1000+ Pixel-perfect svg unicons for your next project as Vue components

Vuetify is a progressive framework that attempts to push web development to the next level.

A renderless rich-text editor for Vue.js

Open-Source Databrick Filesystem Explorer

Nodejs

keystonejs

Node.js CMS & Web Application Platform
The open source framework for developing database-driven websites, applications and APIs in Node.js. Built on Express and MongoDB.

Function

Headless Chrome Crawler | web page crawler

Usage: lvh content craw ★★★★

Crawlers based on simple requests to HTML files are generally fast. However, it sometimes ends up capturing empty bodies, especially when the websites are built on such modern frontend frameworks as AngularJS, React and Vue.js.

Uppy File Uploader | file uploader

Sleek, modular file uploader that integrates seamlessly with any framework. It fetches files from local disk, Google Drive, Dropbox, Instagram, remote URLs, cameras and other exciting locations, and then uploads them to the final destination.

filepond | file uploader

A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.

TOAST UI Editor | editor

Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

jQuery

fengyuanchen@github

cropper / distpicker / datepicker / viewerjs

Timeline.js | easily creates timeline slider.

easily creates timeline slider.

Best CSS Timeline Snippets

@Phalacrocorax
Copy link
Author

Phalacrocorax commented Apr 13, 2017

ICON

RPG Awesome

Free icon font that is packed with nearly 500 fantasy themed vector icons. It covers everything from weapons and armor to magic and inventory items. RPG Awesome can be used just like any other web icon font () and is customizable via simple CSS or SASS.

SVG icons for popular brands

SVG icons for popular brands, maintained by Dan Leech. Contributions, corrections & requests can be made on GitHub.

18 Free Animated Icons

A collection of animated icons + javascript library.

@Phalacrocorax
Copy link
Author

Phalacrocorax commented Apr 18, 2017

UI

Navigation Animation | @codepen circleBehind这个hover effect很中意

Connected Three | @codepen rely on TweenLite.min.js

scrollify | 依赖jquery, 然后down bounce动画推荐@codepen

Power steering for your scroll wheel

Owl Carousel 2 | Carousel jQuery plugin

Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider.

fancyBox3 | jQuery lightbox script for displaying images, videos and more.

sweetalert2 | popup

A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies

Custom

loading

character loading | spin loading | loading dots

@Phalacrocorax
Copy link
Author

Phalacrocorax commented Apr 20, 2017

IMAGE

lorempixel | image placeholder

Sessionlogs200×200
image

SparkLabs500×500

Large Image

File:Pizigani 1367 Chart 10MB.jpg

@Phalacrocorax
Copy link
Author

Phalacrocorax commented Jun 29, 2017

PHP

Flarum

Flarum 继承于 esoTalk 和 FluxBB, 是一款自由、开源的论坛软件,它专注于简单。通过 Flarum 您可以轻松地为您的网站搭建一个论坛。

@Phalacrocorax
Copy link
Author

OTHER

enquirer/enquirer

Stylish, intuitive and user-friendly prompt system.

@Phalacrocorax
Copy link
Author

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment