Sydney, Australia

Joss Mackison

Elite
@jossmac

Front-end developer, mainly React. Passionate about design-systems, with an emphasis on user experience and accessibility.

react-images. 🌄 A mobile-friendly, highly customizable, carousel component for displaying media in ReactJS

2.3k

react-toast-notifications. 🍞 A toast notification system for react

2.2k

react-scrolllock. 🔒 Prevent scroll on the <body />

467

react-focus-marshal. 👮🏻 Traps focus within a DOM node

81

react-blink. 👁 React replacement for the <blink> element

69

react-radios. 🔘 Proper handling of HTML radios in react

60

react-height-transition. 📏 Animate height when children mount/unmount

57

jade-field-mixins. A collection of Jade mixins for defining form fields. The style and structure follow Bootstrap's form definition. Initially crafted for recreating dashboards using KeystoneJS

37

react-scroll-captor. 📜 Restrict scroll events to the immediate child

27

interpolate-range. 💯 Super simple numeric range interpolation

15

react-icons. Simple component for icons in your React app

14

react-node-resolver. 🔍 Resolve the DOM node of any react component

13

react-deprecate. ⚠️ Rename props with deprecation warning

13

react-select-simple-value. A simple value wrapper for react-select

12

react-view-transition. 🎟 Animate views as they mount/unmout

7

react-prop-toggle. 🕹 Influence nodes outside your app's render tree

7

react-pseudo-state. 🎛 Stateful pseudo-classes in React

5

less-entypo-icons. A single LESS file for including entypo icons

4

asser-ts. Assertion functions for TS

3

react-focuslock. Restrict focus scope to a single element, typically a modal dialog

3

adjustable. Adjustable helper utilities for CSS-in-JS

2

lil-libs. 📚 A collection of little library helpers.

2

apply-ref. JavaScript

1

simple-grid. A simple, responsive grid

1

react-spectrum. A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

1

react-sronly. 🗣 Provide accessible text to Screen Readers

1

swipe. experiment with touch events

1

react-input-autosize. Auto-resizing input field for React

1
28
Apply