Pinned Loading

1. cntrl cntrl Public

   A lightweight agent that turns your PC into a scriptable IoT device. Monitor stats, control media, and trigger automation from any device on your local network.

   TypeScript 16 3

2. Calendar Component using date-fns, t... Calendar Component using date-fns, tailwindcss and framer-motion

   1

   import clsx from "clsx";

   2

   import {

   3

     add,

   4

     eachDayOfInterval,

   5

     endOfMonth,

3. React Hook get image colors React Hook get image colors

   1

   import { useState, useEffect } from "react";

   2

   3

   const useImageColor = (img: HTMLImageElement) => {

   4

       const [color, setColor] = useState<any>(null);

   5

4. This is a simple hook to move indica... This is a simple hook to move indicator element related to any tab<HTMLButtonElement> it will give current selected tab position, width and height then you can apply that to animate any HTMLDivElement accordingly

   1

       const [selected, setSelected] = useState(0);

   2

   3

       const { w, h, indicatorRef, refs } = useTabIndicator({ selected, center: false });

   4

   5

       return (

5. Image hover zoom like Chrono24 Image hover zoom like Chrono24

   1

   import { useRef, useState } from "react";

   2

   3

   const ProductImage = () => {

   4

   5

       const [x, setX] = useState(0);

6. useScroll useScroll

   1

   import { useEffect, useState } from "react";

   2

   const useScroll = () => {

   3

       const [scrollPosition, setScrollPosition] = useState(0);

   4

   5

       useEffect(() => {