The first in a weekly roundup of the new vue js examples.
A simple, responsive, example of css grid in use. Made with VueJS and Last.fm APIs.
Clock countdown with Vue.js & Moment.js.
A simple yet highly-customizable emoji picker for Vue 2.
Vue-good-table A simple, clean data table for VueJS (2.x) with essential features like sorting, column filtering, pagination etc. Live Demo https://xaksis.github.io/vue-good-demos/#/simple-table Getting Started Prerequisites The plugin is meant to be used
Vue 2.x directive plugin for drag event detection.
A minimal rotary knob control for Vue.js applications.
phila-vue-comps is a library of Vue components that can be used in apps which use Vue.js and Vuex.
A vue.js 2+ project to beautify your JSON data with collapse, expand, and check support.
vue-balloon is a vue.js plugin to create a floating element that expands when clicked.
A Vue.js component for creating a QR code generator on the web application.
Vue Component for drawing annotation (rect, polygon, etc) using SVG element.
Vue ShortKey Vue-ShortKey - plugin for VueJS 2.x accepts shortcuts globaly and in a single listener. Install npm install vue-shortkey --save Usage Vue.use(require('vue-shortkey')) Add the shortkey directive to the elements that accept the shortcut. The sh
Material Ripple Effect as Vue Directive.
Tiny little component for input type=file (< 1kb, gzipped)
A Vue.js 2 toast notification component based on toastr styles and animate.css animations.
A simple, plain slider component for Vue.js.
a vue2 component based on Iscroll, supports big data list with high performance scroll, infinite load and pull refresh.
vue-pull-infinite-scroller is a native scrolling component that performs well in a webview, pull to refresh & infinite loading.
vue-d3-network Vue component to graph networks using d3-force Live Demo https://emiliorizzo.github.io/vue-d3-network/ GitHub
A lightweight and mobile-friendly timeline component for Vue.js app.
React DnD Drag and Drop for React. live demo See the docs, tutorials and examples on the website: http://gaearon.github.io/react-dnd/ GitHub
React anything sortable A ReactJS component that can sort any children with touch support and IE8 compatibility live demo http://jasonslyvia.github.io/react-anything-sortable/demo/ Sort custom style children Sort images Children with custom event handler
React JS search json search json with react.js. codepen See the Pen React JS search json by Rhain (@ghozt12) on CodePen.
react-markdown Renders Markdown as pure React components. Installing npm install --save react-markdown Live Demo http://rexxars.github.io/react-markdown/ GitHub
React bar chart React bar chart code by Mehdi Hamoudi. I am just playing around, trying to make a simple to use react bar chart component, and mostly customizable via CSS codepen See the Pen React bar chart by Mehdi Hamoudi (@maydie) on CodePen.
This is where Photo Locations come in. You can look up locations that other users have entered or enter your own locations and give them some ratings.
A compilation of React Patterns, techniques, tips and tricks.
react-toasts is a very simple and lightweight component to create toasts.
Material Components for the web (MDC Web) helps developers execute Material Design.
react Music Player code BY Jack Oliver PRO. codepen See the Pen React DailyUI - 009 - Music Player by Jack Oliver (@jackoliver) on CodePen.
MUI MUI is a lightweight CSS framework that follows the Material Design guidelines. MUI is available in CSS/JS only, React and Angular versions. live demo https://www.muicss.com GitHub
Zero-config React development environment and static site generator.
Responsive and dynamically-sized fixed headers and columns for tables inspired by fixed-data-table's lack of responsiveness.
An easy way to perform animations when a React component enters or leaves the DOM
React Tabs (w/ composition) BY Anthony Dugois This is the way I prefer to set tabs using React. The most tabs systems I found on the web do not let you to compose properly each part of them (e.g. put a button in a tab), or are too complicated.
Card Grid with React JS Messing around with React in CodePen codepen See the Pen React JS Card Grid by Jamie Halvorson (@jamiehalvorson) on CodePen.
Create React apps with no build configuration.
A modern, themable and configurable treeview for React.
Declarative, deterministic & fluid data visualizations for React.
React Responsive Spritesheet is a React component which helps you to easily apply responsive spritesheet animations on your project.
NanoSQL is a database/datastore with tons of RDBMS features, Undo/Redo, and optional built in persistence to Indexed DB, WebSQL or LocalStorage.
This is a simple video app that uses the youtube api to fetch videos.
SVG flags of the world for react.
React rich-editors-like components. Based on draft-js.