Luxon

Luxon is a library for dealing with dates and times in JavaScript. Features A nice API for working with datetimes Interval support (from time x to time y) Duration support (14 days, 5 minutes, 33 seconds) Parsing and Formatting datetimes, intervals, and durations Internationalization of strings using the Intl API Detailed and unambiguous math operations Built-in handling of time zones Partial support …

Build carousel for items which have different width

Mostly we are using slick-carousel to implement slides in web development. It is great library to implement different types of layouts, animations, speeds and etc. To implement the carousel for items which have same width, we just need to specify the responsive settings for different screen size. To implement the carousel for items which have …

NPM rimraf

The UNIX command rm -rf for node. Install with npm install rimraf, or just drop rimraf.js somewhere. rimraf(f, [opts], callback) The first parameter will be interpreted as a globbing pattern for files. If you want to disable globbing you can do so with opts.disableGlob (defaults to false). This might be handy, for instance, if you have filenames that …

React-use

React-use is the package that provides many useful react hooks that we can use to build the UI more efficiently. It provides the hooks related sensors, ui, animations, side-effects, lifecycles, state and etc. Sensors useBattery — tracks device battery state.  useGeolocation — tracks geo location state of user’s device.  useHover and useHoverDirty — tracks mouse hover state of some element.  …

Mapbox GL

Mapbox GL is a suite of open-source libraries for embedding customizable and responsive client-side maps in web, mobile, and desktop applications. Mapbox GL maps render at a high frame rate. The abbreviation “GL” comes from OpenGL, the industry-standard Open Graphics Library. Mapbox GL allows you to use custom styles designed in Mapbox Studio. You can also manipulate every aspect of …

FastXmlParser – Faster xml library

Validate XML, Parse XML to JS/JSON and vice versa, or parse XML to Nimn rapidly without C/C++ based libraries and no callback To cover expenses, we’re planning to launch FXP Enterprise edition in parallel. Watch it for further updates, if you’re interested. Main Features Validate XML data syntactically Transform XML to JSON or Nimn Transform JSON back …

ResizeObserver Polyfill

ResizeObserver Polyfill

A polyfill for the Resize Observer API. Implementation is based on the MutationObserver and uses Mutation Events as a fall back if the first one is not supported, so there will be no polling unless DOM changes. Doesn’t modify observed elements. Handles CSS transitions/animations and can possibly observe changes caused by dynamic CSS pseudo-classes, e.g. …

Figmagic

Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents. Originally inspired by Salesforce Theo. Figmagic promotes a structured way of assembling design systems. Following the primary principle of atomic design, Figmagic wants you to build from the bottom up, beginning with decomposing the tokens. Tokens shape elements, which form components, …