London, UK

Adam Timberlake

Elite
@Wildhoney

Still a solipsist, part-time vexillologist + 5k runner. Joint wrangler of two little adventurous girls. Passion for web components and exploring the world 🌍

ReactShadow. :beginner: Utilise Shadow DOM in React with all the benefits of style encapsulation.

1.4k

Leaflet.FreeDraw. :earth_asia: FreeDraw allows the free-hand drawing of shapes on your Leaflet.js map layer – providing an intuitive and familiar UX for creating geospatial boundaries similar to Zoopla and others. Included out-of-the-box is the concaving of polygons, polygon merging and simplifying, as well as the ability to add edges and modify existing shapes.

575

Maple.js. Maple.js is a React webcomponents based framework mixing ES6 with Custom Elements, HTML Imports and Shadow DOM. It has in-built support for SASS and JSX, including a Gulp task for vulcanizing your project.

429

Magento-on-Angular. Angular.js application using Magento as the backend API

354

Legofy. Legofy your images with retina support using SVG.

305

ngDroplet. Angular.js HTML5 file uploading with drag & drop and image/file preview.

288

Switzerland. πŸ‡¨πŸ‡­Switzerland takes a functional approach to Web Components by applying middleware to your components. Supports Redux, attribute mutations, CSS variables, React-esque setState/state, etc… out-of-the-box, along with Shadow DOM for style encapsulation and Custom Elements for interoperability.

265

Keo. Plain functions for a more functional Deku approach to creating stateless React components, with functional goodies such as compose, memoize, etc... for free.

227

ngVideo. Modularised ~13KB HTML5 audio/video implementation using Angular.js

224

Standalone. Create framework agnostic components that are truly reusable and interoperable with all the benefits of the React ecosystem – using the HTML5 custom elements API to extend HTML's vocabulary.

207

Snapshot.js. Node.js app for slicing and dicing ~100,000 models in <5ms with easy sorting, paginating, and filtering.

201

EmberDroplet. Ember.js HTML5 file uploading with drag & drop and image/file preview.

198

EmberSockets. Socket.io (WebSockets) integrated with Ember.js' observer pattern.

136

Dory. Dory is a responsive, universal, GitHub collaborated blogging platform built on React and powered by Express. By combining awesome features such as automatic RSS generation, HTML5 offline support, push notifications, with a powerful development environment using hot reloading, SASS and Markdown, Dory allows developers to quickly dive into the depths of blogging.

127

Interpose. Apply stylesheet variables to your React components for use in your stylesheets. Interpose reduces the clutter of React components by bridging the gap between JS and CSS without resorting to complicating your components with CSS logic.

126

Mocktail. :tropical_drink: Mock all of your ES6 module components with Mocktail using dependency injection.

103

ngCrossfilter. Usual Angular.js style filtering and sorting with a twist of Crossfilter for improved performance.

85

ngContextMenu. Handcraft your very own context menus for a richer UX!

80

gulp-processhtml. Process html files at build time to modify them depending on the release environment

77

L.Pather. Branching from Leaflet.FreeDraw, L.Pather is a freehand polyline creator that simplifies the polyline for mutability.

70

Freelancer. :necktie: An implementation of on-the-fly defined WebWorkers that are created inline using data URIs, rather than separate physical files β€” for the benefit of all humanity.

68

Amelie. HTML5 audio visualiser experiment using D3 with a curious Amelie theme.

57

ngRangeSlider. Multi-handle range slider utilising the native HTML5 input range elements.

54

EmberCrossfilter. Instead of using Ember DataStore, EmberCrossfilter provides a basic architecture for creating Ember models with Crossfilter; which allows for much quicker sorting and filtering.

46

DetectFont. Detect which font your system has cherry-picked from font-family.

41

CloudConvert. Easy-to-use Node.js implementation of the CloudConvert API.

39

Redecorate. Simple module for reducing immutable nested properties in Redux applications.

27

ngPourOver. PourOver wrapper for Angular.js with super-quick filtering and sorting.

26

ReactDelayed. Small component for delaying the mounting and unmounting of a child component for CSS animation purposes.

21

ngImgur. Take your favourite cat picture, and upload it to Imgur.com w/ Angular!

17

RedisCache. Simple Node.js based Redis cache for storing large collections of data.

15

ngRoundabout. Three-dimensional HTML5 carousel implemented in Angular.js.

14

ReactCrossfilter. Crossfilter.js implemented as a mixin for ultra-fast filtering and sorting techniques baked into React.js components.

13

ngObelisk. Easily use Obelisk to create animations using Angular.js.

11

ngDonut. Lightweight and extensible Angular implementation of the D3 donut graph.

11

Webmonkey. πŸ™Š Robust and versatile headless monkey testing for the modern web with reproducible steps, error alerts, strategy sharing and many other good things.

11

Readlint. πŸ“™Lint all of the code examples in your README documentation using shared configs.

10

ngTeleport. Move a section of the DOM and inherit the scope of the target node.

9

ConcaveHull. Workable refactoring into a module of a concave hull algorithm.

9

Taskfile. :package: Yet another attempt at a simple task runner for npm with parallelisation support using bash commands via YAML.

9

Formv. πŸ—³React form validation using the validation native to all recent browsers. Also includes support for handling API validation messages, success messages, memoized and nested form state, and super easy styling.

8

EarthApp. Three.js w/ Angular implementation of planet earth using SketchUp for the models.

7

Memoria. Extensible form storage for memorising user inputs with local storage. Never lose your form data ever again!

7

Koi. Koi is a time aware interactive bird written in THREE.js with voice recognition, and an artificial IQ.

6

Pellucid. Experimental module using HTML5's Custom Elements that creates a crystalline blurred background.

6

Mapleify. Mapleify is a build tool for Maple.js; it uses Polymer's vulcanize to process HTML imports with a little twist of Maple specific logic for HTML Import paths, and the processing of SASS/JSX documents.

6

Catwalk. Intuitive and fast relational CRUD interface for modelling relationships using vanilla objects written in ES6.

6

EmberRickshaw. Rickshaw faΓ§ade for Ember which allows automatic redrawing of graphs using Ember's observer pattern.

6

Bi-cycle. Bi-cycle assists in making infinite carousels and sliders by handling the index logic for you.

5

Draught. Drawing tool in ES6 for creating diagrams using D3 with an extensible event driven architecture.

4

Openroulette. Openroulette is a Chatroulette implementation built using the WebRTC component.

4

MayBee. Safe chaining of object properties and functions using ES2015 Proxy.

3

Angularise. Deferred compilation of Angular.js templates for applications that render HTML from asynchronous processes.

3

Instamap. :airplane: Towards the end of 2016, Instagram removed the Photo Maps feature. Instagram says it was unused, but we remember! Instamap brings it back for good, open-source and ad-free.

3

Banter.js. Angular based real-time app for communicating with customers via IRC. Individual customers connect to a common IRC channel, giving staff members the ability to see all customers' messages, with the ability to respond directly and individually.

2

Tessellate. Small vanilla JavaScript module for gracefully removing floating elements from the page.

2

Typified. πŸ—ΌAn experimental implementation of first class functional types using pure ES at runtime, inspired by Haskell, PureScript and Idris.

2

StickyRice. 🍚 React implementation to allow the natural position sticky behaviour in table headers and other elements

1

Memor. Use memoization for Rust functions to increase performance

1

PolymerDroplet. Polymer.js adaptation of my popular EmberDroplet module for Ember.js.

1
60
Apply