Projects in Awesome Lists by ryanhefner

https://github.com/ryanhefner/react-scroll-trigger

📜 React component that monitors scroll events to trigger callbacks when it enters, exits and progresses through the viewport. All callback include the progress and velocity of the scrolling, in the event you want to manipulate stuff based on those values.

react react-component scroll scroll-progress scrolling trigger viewport

Last synced: 12 Oct 2025

https://github.com/ryanhefner/react-contentful

📰 A React component library that makes it super simple to compose Contentful content into your sites and applications.

contentful contentful-api contentful-js-sdk react react-component react-hooks reactjs

Last synced: 04 Apr 2025

https://github.com/ryanhefner/calculate-aspect-ratio

📐 A simple utility function, and command line utility, for calculating an aspect ratio based on width and height.

aspect-ratio calculate calculate-aspect-ratio command-line-tool javascript npm-module utility

Last synced: 01 Sep 2025

https://github.com/ryanhefner/next-contentful

📰 React library for integrating react-contentful into the server-side rendering of your Next.js app.

contentful contentful-api contentful-js-sdk nextjs react reactjs ssr

Last synced: 04 Oct 2025

https://github.com/ryanhefner/stylex

Easily convert CSS styles from the DOM to Javascript, and back.

convert converter css javascript transpiler

Last synced: 15 Apr 2025

https://github.com/ryanhefner/react-timer-wrapper

Composable React Timer component that passes status props to children, in addition to some basic callbacks. Can be used at a countdown timer ⏲ or as stopwatch ⏱ to track time while active.

countdown countdown-timer react react-component react-indicators react-timecode react-timer react-timer-wrapper timer

Last synced: 12 Apr 2025

https://github.com/ryanhefner/react-video-players

📺 Library of React video player components that offer a consistent interface and callback system for Vimeo, YouTube and the <video> tag. Along with a handy higher order component for building your own 😉

react react-component video-player vimeo vimeo-player youtube youtube-player

Last synced: 01 Sep 2025

https://github.com/ryanhefner/contentful-sitemap

🗺 Build a dynamic sitemap.xml file based on content pulled in from Contentful via the Contentful API.

contentful contentful-js-sdk sitemap sitemap-generator sitemap-xml

Last synced: 10 Apr 2025

https://github.com/ryanhefner/contentful-parsers

🧰 Toolbox of useful parsers to use when working with Contentful API responses.

contentful contentful-api contentful-js-sdk next-contentful react-contentful

Last synced: 08 Aug 2025

https://github.com/ryanhefner/googlecast-wrappers

Simplifying the creation of Google Cast (Chrome) Sender and Receiver apps.

Last synced: 19 Aug 2025

https://github.com/ryanhefner/react-animate-props

React higher order component and hook for transforming your favorite components to animate prop values on change.

animate-prop-values higher-order-component props react react-animate-props react-hook react-hooks tween-settings

Last synced: 16 Aug 2025

https://github.com/ryanhefner/react-timecode

⏳ Simple React component for displaying a timecode, with various formatting options.

react react-component react-timecode react-timer-wrapper timecode

Last synced: 15 Apr 2025

https://github.com/ryanhefner/react-rotator

🎠 Flexible React component for composing rotators, carousels, slideshows and more.

carousel composition react react-component rotator slideshow

Last synced: 12 Sep 2025

https://github.com/ryanhefner/tweenkle

✨ Lightweight tweening library built for modern Javascript environments that favor small modular components over heavy monolithic bundled libraries.

animation animation-library ease eases easing-functions tween tweening

Last synced: 16 Apr 2025

https://github.com/ryanhefner/clean-react-props

🛁 Utility functions for passing clean React props to HTML and SVG elements.

clean props react utility

Last synced: 15 Apr 2025

https://github.com/ryanhefner/react-zendesk-helpcenter

📖 React library that makes it easy to render Zendesk Help Center content in your React apps.

react zendesk zendesk-api zendesk-helpcenter

Last synced: 13 Sep 2025

https://github.com/ryanhefner/react-maps-google

🗺 React components that make it easy to add Google maps and markers to your React projects.

google-maps google-maps-api google-maps-markers-list react react-component

Last synced: 22 Aug 2025

https://github.com/ryanhefner/apollo-link-contentful

🔗 An ApolloLink that lets you perform GraphQL queries against Contentful’s Rest API. No more, query size limits! No more, query complexities!!

apollo apollo-link contentful contentful-api contentful-js-sdk

Last synced: 16 Jun 2025

https://github.com/ryanhefner/react-canvas-wrapper

🖼 React component that wraps a canvas element and offers a clean API for drawing.

canvas react react-component

Last synced: 16 Apr 2025

https://github.com/ryanhefner/react-indicators

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.

canvas indicators progress-bar progress-circle react react-components responsive

Last synced: 05 Oct 2025

https://github.com/ryanhefner/react-prismic

📰 Easily compose Prismic requests and data into your React applications.

api fetch prismic prismic-javascript query react react-component react-component-library react-hoc

Last synced: 16 Apr 2025

https://github.com/ryanhefner/object.assign

Simple ES6 Object.assign() polyfill for older environments.

Last synced: 16 Apr 2025

https://github.com/ryanhefner/next-utils

🧰 Handy utilities for building React components that render as nice server-side as they do on the client.

nextjs react utilities

Last synced: 19 Jul 2025

https://github.com/ryanhefner/next-meta

🗣️ Easily compose and manage meta and open graph tags in your Next.js app/site.

metadata next nextjs opengraph-images opengraph-tags react

Last synced: 05 Jan 2026

https://github.com/ryanhefner/creature-cache

🧟‍♂️ An in-memory cache that can be restored/rehydrated (brought back to life) via a string or array to rebuild the cache Map.

cache javascript map next-contentful next-request-block react-contentful react-request-block rehydrate resurrect server-side-rendering

Last synced: 21 Jan 2026

https://github.com/ryanhefner/filesizes

📂⚖️ Easily review the size of files in a given directory and its subdirectories.

cli command-line-tool file-size javascript nodejs utility

Last synced: 24 Jan 2026

https://github.com/ryanhefner/next-prismic

📰 React library for integrating @ryanhefner/react-prismic into the server-side rendering of your Next.js app.

Last synced: 18 Jan 2026

https://github.com/ryanhefner/react-speedo

⏱ Tooling to help you monitor the performance of your React applications.

performance react react-hooks

Last synced: 04 May 2026

https://github.com/ryanhefner/react-request-block

React component to compose requests within your components, with support for server-side rendered requests.

Last synced: 27 Feb 2026

https://github.com/ryanhefner/react-hoc-helpers

🧰 Collection of helpful utilities and helpers for when working with React higher-order components (HOC).

Last synced: 20 Jan 2026

https://github.com/ryanhefner/array.prototype.findindex

Simple Array.prototype.findIndex polyfill for older environments.

Last synced: 06 Sep 2025

https://github.com/ryanhefner/use-ref-map

🪝 Dynamically generate and reference React reference instances with this handy hook.

Last synced: 04 Apr 2025

https://github.com/ryanhefner/quiktime

⏱ Quickly format duration time values in a condensed format.

npm-package time-formatting

Last synced: 08 Aug 2025

https://github.com/ryanhefner/file-counter

Calculate the number of files within a directory and its subdirectories. Apply rules to filter files or directories from the total.

cli command-line-tool filesystem nodejs utility

Last synced: 29 Oct 2025

https://github.com/ryanhefner/buildanttarget

A flexible ANT Build System for Sublime Text 2 and 3 that doesn't require the build.xml be in the root of your project, and offers target selection.

Last synced: 13 Jun 2025

https://github.com/ryanhefner/next-request-block

React library for integrating react-request-block into the server-side rendering of your Next.js app.

Last synced: 20 Jan 2026

https://github.com/ryanhefner/package-template-rollup

Base structure that I have been using for the majority of the NPM packages I have written/maintain. Suggestions on how to make this nicer welcomed!

npm package-creation rollup template

Last synced: 28 Apr 2026

https://github.com/ryanhefner/react-hash-handler

#️⃣ React component that makes it easy to compose hash change and click handling into your application or site.

hash-click hashchange react react-component

Last synced: 20 Jan 2026

https://github.com/ryanhefner/ryanhefner

personal site

Last synced: 04 Apr 2025

https://github.com/ryanhefner/lomit

🪶 Lightweight object omit method, just because.

object omit utility utility-function

Last synced: 20 Jan 2026

https://github.com/ryanhefner/react-marquease

🐛 HTML <marquee>s, the React way (with some handy control features).

marquee react react-component reactjs

Last synced: 21 Feb 2026

https://github.com/ryanhefner/use-dependency-alert

🚨 React hook for debugging hook dependency arrays to validate what is changing, and how often.

debugging react react-hooks

Last synced: 16 Apr 2026

https://github.com/ryanhefner/nextprops

Last synced: 19 Mar 2026

https://github.com/ryanhefner/react-target-scroller

🎯 React component that smoothly scrolls to the target element passed in via props.

react react-component scroller scrolling target-scroller

Last synced: 17 Apr 2026

https://github.com/ryanhefner/mathleet

🧮 Library of helpful math utilities.

library math npm utilities yarn

Last synced: 17 Apr 2026

https://github.com/ryanhefner/object.keys

Simple ES6 Object.keys() polyfill for older environments.

Last synced: 04 Apr 2025

https://github.com/ryanhefner/apollo-link-trace

Apollo Link that applies Trace Context headers to your Apollo Client requests.

apollo apollo-link distributed-tracing opentelemetry trace trace-context

Last synced: 14 Mar 2026

https://github.com/ryanhefner/array.equals

Simple ES6 Array.equals() polyfill for older environments.

Last synced: 04 Apr 2025

https://github.com/ryanhefner/apollo-contentful-rest-link

🔗 Perform GraphQL queries against Contentful’s Rest API. No more, query size limits! No more, query complexities!!

apollo apollo-link contentful contentful-api graphql graphql-anywhere

Last synced: 18 Apr 2026

https://github.com/ryanhefner/element.prototype.matches

A simple polyfill that consolidates the various vendor specific implementation of `Element.prorotype.matches` so that it can be used in it’s standardized format.

Last synced: 13 Oct 2025

https://github.com/ryanhefner/next-proper

⛓ Easily compile NextJS props via composed methods for getServerSideProps and getStaticProps.

getserversideprops getstaticprops nextjs react

Last synced: 10 Apr 2026

https://github.com/ryanhefner/react-fathom

😻 Privacy-focused Fathom Analytics for React, Next.js, and React Native with automatic pageview tracking and TypeScript support

analytics fathom fathom-analytics mobile next nextjs pageview privacy privacy-first react react-hooks react-native tracking treeshakable typescript typescript-react typescript-react-components

Last synced: 13 Jan 2026

Last synced: 09 May 2026

https://github.com/ryanhefner/react-paging-indicators

Library of React paging indicator components that work well for carousels, rotators, slideshows or whatever else you could use a simple paging component for.

indicators paging react react-components react-indicators react-rotator react-timer-wrapper

Last synced: 27 Apr 2026

https://github.com/ryanhefner/rikey

🧰 Useful utilities for manipulating–and creating–Object instances.

Last synced: 10 Jun 2025

https://github.com/ryanhefner/parallaxed

😎 Easily apply parallax effects to page elements as you scroll.

npm-package parallax parallax-plugin parallax-scrolling

Last synced: 02 May 2026

https://github.com/ryanhefner/array.prototype.find

Simple ES6 Array.prototype.find polyfill for older environments.

Last synced: 04 Apr 2025