Search Results for "state-thread"

react-fullpage is the official React wrapper for fullPage.js, providing a component that brings full-screen, section-by-section scrolling layouts into React applications. The wrapper uses a render-prop API, where you pass a render function that receives component state and the fullpageApi, allowing you to build React JSX markup while delegating scroll behavior to fullPage.js under the hood. It is distributed in multiple formats, including a standard ES module and a UMD bundle, so it can be used in projects with or without a modern build step. The library supports server-side rendering scenarios (such as Next.js and Gatsby) by returning a static version when window is not available and then hydrating into the “live” interactive version on the client. ...

CSS Theme Change is a small utility for managing CSS theme toggling (such as light/dark mode) in web projects, designed to be lightweight, easy to integrate, and framework-agnostic. Instead of relying on heavy JavaScript frameworks or complex state management, it offers a simple API that listens to system preferences and UI interactions to swap theme classes or variables in real time. It can react to user toggles as well as automatically adapt to the user’s OS-level dark/light mode settings, helping developers build interfaces that feel modern and responsive without writing boilerplate theme code. ...

The vuedarkmode repository is a lightweight utility for front-end projects built with Vue.js that enables easy toggling between light and dark themes (or color modes), supporting persistent user preference (e.g. via local storage). It abstracts the boilerplate and complexity around theme switching: instead of manually wiring up CSS classes, media queries, or state logic, you can integrate vuedarkmode and have theme toggling out-of-the-box. That makes it easier for developers to support dark mode reliably across components and pages, ensuring consistency and smoother user experience. The package likely includes reactive hooks or components that detect system/theme preferences and allow switching dynamically, and may also provide CSS or class-based mechanisms to adapt styling accordingly. ...

...Make your own, use the building block components to make your own. Color controls what color is active on the color picker. You can use this to initialize the color picker with a particular color, or to keep it in sync with the state of a parent component. Pass a function to call every time the color is changed. Use this to store the color in the state of a parent component or to make other transformations. Pass a function to call once a color change is complete. To make a custom color picker, create a top-level component that will act as the bridge with the CustomPicker high order component. ...

Material texfield with consistent behavior on iOS and Android.

Create fluid and interactive gradient animations with this small javascript library. Lets you customize the direction of the gradient with pixels or percentage values. You can use more than 2 colors for the gradients, but cannot have different length of colors in the different states. Complete configuration with two states, an image and callbacks set. Granim will emit events you can listen to at key moments. How the image should blend with the gradient? You can see all the possible values on...

...You can add any font icons to replace basic checkbox styles. There are two classes to be added. First, p-icon to .pretty. Then add icon class along with font icon classes inside .state. This library doesnt come with any font icons. You need to add an appropriate font icon library in your application. Adding svg icon is very similar to adding font icons. Add class p-svg to .pretty and svg to <svg> tag or <img> tag ( if svg file url is used as img source ). To animate, add class p-smooth or p-jelly or p-tada or p-rotate or p-pulse to .pretty.

Another jQuery plugin used to easily create your own iGoogle style web portal. Easy to use and packed with cool features including the ability to save state.