Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Projects in Awesome Lists by ryanhefner

A curated list of 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: 01 Oct 2024

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: 30 Sep 2024

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 Oct 2024

https://github.com/ryanhefner/stylex

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

convert converter css javascript transpiler

Last synced: 01 Oct 2024

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: 30 Sep 2024

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: 01 Oct 2024

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 Oct 2024

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: 29 Sep 2024

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

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

Last synced: 01 Oct 2024

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: 01 Oct 2024

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: 01 Oct 2024

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: 01 Oct 2024

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: 01 Oct 2024

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: 01 Oct 2024

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: 01 Oct 2024

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: 01 Oct 2024

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: 28 Sep 2024

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: 01 Oct 2024

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: 01 Oct 2024

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

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

Last synced: 01 Oct 2024

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: 01 Oct 2024

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: 01 Oct 2024

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: 27 Sep 2024

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: 01 Oct 2024

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: 01 Oct 2024

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

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

Last synced: 01 Oct 2024

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: 01 Oct 2024

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

Simple Array.prototype.findIndex polyfill for older environments.

Last synced: 01 Oct 2024

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: 01 Oct 2024

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: 01 Oct 2024

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: 26 Sep 2024

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: 01 Oct 2024

https://github.com/ryanhefner/lomit

🪶 Lightweight object omit method, just because.

object omit utility utility-function

Last synced: 01 Oct 2024

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

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

performance react react-hooks

Last synced: 01 Oct 2024

https://github.com/ryanhefner/quiktime

⏱ Quickly format duration time values in a condensed format.

npm-package time-formatting

Last synced: 01 Oct 2024

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

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

Last synced: 01 Oct 2024

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: 01 Oct 2024

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: 01 Oct 2024

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: 01 Oct 2024

https://github.com/ryanhefner/ryanhefner

personal site

Last synced: 01 Oct 2024

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: 01 Oct 2024

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

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

Last synced: 01 Oct 2024

https://github.com/ryanhefner/rikey

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

Last synced: 01 Oct 2024

https://github.com/ryanhefner/mathleet

🧮 Library of helpful math utilities.

library math npm utilities yarn

Last synced: 01 Oct 2024

https://github.com/ryanhefner/labs.ryanhefner.com

A personal place to explore different projects and ideas.

Last synced: 01 Oct 2024

https://github.com/ryanhefner/twitteroauth-codeigniter

A super simple extension of Abraham Williams' TwitterOauth class so that it can be used as a Codeigniter library.

Last synced: 01 Oct 2024

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

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

getserversideprops getstaticprops nextjs react

Last synced: 01 Oct 2024

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: 01 Oct 2024

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: 01 Oct 2024

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

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

Last synced: 01 Oct 2024

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: 01 Oct 2024

https://github.com/ryanhefner/relative-time-webcomponent

A simple web component used to render relative time.

Last synced: 01 Oct 2024

https://github.com/ryanhefner/parallaxed

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

npm-package parallax parallax-plugin parallax-scrolling

Last synced: 01 Oct 2024

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

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

marquee react react-component reactjs

Last synced: 01 Oct 2024

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

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

Last synced: 01 Oct 2024

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

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

Last synced: 01 Oct 2024