
Security News
Deno 2.2 Improves Dependency Management and Expands Node.js Compatibility
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
dough-react
Advanced tools
This library provides widgets that can be used to create a smooshy user interface.
This package provides some widgets you can use to create a smooshy UI.
This package provides squishy UI components that you can use right out of the box. Or, optionally, you can create your own.
To use This component you must call defineCustomElements() from @dough-react
in your app's entry file.
import { defineCustomElements } from 'dough-react';
defineCustomElements();
Wrap any component in DoughPressable
to make it squish based on a user's input gestures.
<DoughPressable>
<img src="..." />
</DoughPressable>
DoughDraggable
allows you to drag and drop components around... Only this time it's squishy!
<DoughDraggable>
<img src="..." />
</DoughDraggable>
If the above widgets aren't exactly what you're looking for, you can easily create your own squishy component using the provided DoughAllPurposeFlour
component! Check out the DoughPressable
implementation for how to do that.
If you don't like the default dough settings, you can easily change how the dough feels. Just update the provided viscosity
and adhesion
parameters.
<DoughDraggable viscosity="10" adhesion="4">
<img src="..." />
</DoughDraggable>
Contributions to this package are always welcome! Please read the contributing guidlines.
Dough
widget or some other awesome feature that you want to share with the community, you can fork the repository and submit a pull request!keywords: dough, rubber, elastic, rubber-band, rubberband, stretchy, squishy, smooshy, linear-algebra, matrix, transformation, flexible, draggable, drag, pressable, custom, ui, ux, interactive, animation, engage, stencil, react, angular, vue, flutter, web, mobile, responsive
FAQs
This library provides widgets that can be used to create a smooshy user interface.
The npm package dough-react receives a total of 1 weekly downloads. As such, dough-react popularity was classified as not popular.
We found that dough-react demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.