Ryan Hefner
—
All Play
Easily compose and manage meta and open graph tags in your Next.js app/site.
HTML <marquee>s, the React way (with some handy control features).
React library for interacting with and rendering Contenful data.
Library of useful parsers to use when working with Contentful API responses.
Lightweight version of Object omit.
Easily generate a sitemap.xml file that consists of both static routes and dynamic routes generated from Contentful content.
Quickly format duration time values in a condensed format.
Composable React Timer component that passes its status to its children.
React component tied to scroll events with callbacks for enter, exit and progress while scrolling through the viewport.
Some helper functions that you typically need when writing React Higher-Order Components.
Simple React component for displaying a timecode, with various format options.
Utility function for passing clean props to DOM elements in React.
A cache that can be generated server-side and brought back to life client-side.
Tooling to help you monitor the performance of your React applications.
React component that allows you to easily created a styled Google Maps instance with custom markers.
React wrapper around a canvas element with a clean API for drawing.
Easily log and report on the performance of your GraphQL queries.
Useful utilities for manipulating–and creating–Object instances.
React component that scrolls smoothly to the target element passed in via props.
React component that makes it easy to compose hashchange and hash click handling into your application or site.
React library that makes it easy to render Zendesk Help Center content in your React apps.
Simple, responsive, canvas-based indicators that you can use to communicate the progress of loaders, timers or whatever else you might need a progress indicator for.
Perform GraphQL queries against Contentful’s Rest API. No more, query size limits! No more, query complexities!!
Simple ES6 Object.assign() polyfill for older environments.
Recursively count the number of files within a directory, and all of its subdirectories. Apply filters to exclude files or directories from the total.
A simple utility function, and command line utility, for calculating an aspect ratio based on width and height.
Easily compile NextJS props via composed methods for `getServerSideprops` and `getStaticProps`.
Collection of handy utility functions for working within a Next.js project.
Lightweight tweening library for all your tweening and animation needs.
Easily convert CSS styles between the DOM and Javascript, and back.
Dynamically generate and reference React ref instances with this handy hook.
Easily compose Prismic requests and data into your React applications.
Library of helpful math utilities.
Easily apply parallax effects to page elements as you scroll.
React higher order component method that transforms your favorite components to animate their props on change.
React library for integrating react-request-block into the server-side rendering of your Next.js app.
React component to compose requests within your components. Supports server-side rendering requests.
React library for integrating react-contentful into the server-side rendering of your Next.js app.
Command line utility for outputing the size of files within a given directory.
React video player component library that offers a consistent API across YouTube and Vimeo video player React components.
Compose Prismic queries into your Next.js projects.
Generic React paging indicators that you can use in carousels, rotators, slideshows and more!
Flexible React component for composing rotators, carousels, slideshows and more.