Vancouver, British Columbia

Ben McMahen

Elite
@bmcmahen

@BenMcMahen on Twitter. Developer, designer, and ❤️ of ☕ 🍺 ♨️

sancho. Responsive and accessible React UI components built with Typescript

407

react-meets-swiftui. common react design patterns implemented in swiftui

291

toasted-notes. simple, flexible toast notifications for react

255

react-grid-dnd. drag and drop, grid edition. built with react

227

react-wysiwyg. retain some control over contenteditable input

169

julienne. Sample app for sharing recipes built with React, Typescript, Firebase and Sancho

165

Subtitles. Easily create subtitles (SRT files) in your web browser.

147

react-gesture-responder. a gesture responder system for your react application

114

create-react-icons. a CLI for generating your own react icon components from svg files

77

react-image-enlarger. Simple medium.com style image zooming with gesture support

70

cast. Create animated grid layouts given an array of attributes.

68

react-cube-navigation. 3d cube style navigation pattern, like that found in Instagram Stories

59

react-gesture-stack. an animated stack view for the web similar to that found in iOS

58

julienne-swift. An iOS port of Julienne.app, built with SwiftUI and Firebase

50

react-page-controller. horizontal, swipeable gesture views for react

40

image-zoom. smooth, iOS/medium.com style thumbnail viewing

38

selection-range. get or set the selection range, or cursor position, for contenteditable

38

firestore-pagination-hook. Cumulative pagination for firebase firestore collections with React hooks

36

touchable-hook. a react hook that emulates native touch behaviour for things like buttons, list items, and more

34

react-iphone. a react app that partially replicates the iOS home screen.... because, why not?

30

captioner. An app for making subtitles in your browser, built with React, Typescript and Firebase

26

awesome-react-spring. A curated list of awesome react-spring resources and libraries

24

youtube. a better youtube api for embedding videos and fetching metadata

21

use-scroll-lock. a simple react hook for scroll-locking

18

react-cast. create simple, beautifully animated grid-based layouts using react

16

react-gesture-gallery. a react image gallery with gesture support

13

roast-buddy-react-native. A coffee roasting app built with React Native

12

bg-video. set the background of an element with a video

12

ddp-browser-client. Connect to DDP methods and subscriptions (as used in Meteor) on the client with your socket library of choice.

11

selection-position. cross-browser function to return the selection position

10

hamilton-history-of-medicine. history of medicine in Hamilton - a project for mcmaster university

10

itty-bitty-torrent. Deprecated -- use something else

9

canvas-image-cover. like 'background-size:cover;' but for canvas

6

react-droppie. simple drag & drop image previewer/renderer thingy

6

sancho-docs. Documentation site for Sancho-UI

5

Montage. An experimental home media centre based on Node

5

dropdown. a simple dropdown menu written in pure javascript, accompanied by structural styling

5

debug. tiny debugging utility for your react-native libraries and applications

5

react-thumbnail-zoom. Easy, breezy, beautiful thumbnail transitions for React

4

transit. a client-side router with support for middleware, click-delegation, and hash-based fallbacks

4

splits. split view experiments w/ react

4

within-selection. get the elements contained within the current text-selection

4

meteor-cast-example. basic meteor/cast.js example

3

editor. structured text editor built w/ contenteditable

3

history-of-medicine. history of medicine - a project for mcmaster university

3

hapi-graphql-example. a simple app where i mess around using graphql and hapi

3

regexps. regexps useful for validation

3

scroll-creep. super easy scroll-spy component for react.

3

canvas-string-ellipsis. Append an ellipsis to a string that exceeds a specified max-width.

3

swiftui-gesture-sheet. an experimental sheet built with swiftui

3

progress. Circular progress indicator using Canvas

2

podcast. a simple app for managing my podcasts

2

magazine. create horizontal, swipe-able, magazine style layouts

2

monitor-text-selection. emit events for selection and deselection of text for a given element.

2

git-experiments. JavaScript

2

overlay. simple, vanilla javascript overlay component

2

viewport. get the current viewport dimensions

2
57
Apply