Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

shadergradient

Package Overview
Dependencies
Maintainers
1
Versions
105
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

shadergradient

Curated and customizable 3d gradient package in modern design tools and React.

  • 0.0.65
  • npm
  • Socket score

Version published
Weekly downloads
2K
decreased by-11.95%
Maintainers
1
Weekly downloads
 
Created
Source

Curated and customizable 3d gradient package in modern design tools and React.

Figma Plugin

Link

Framer Package

Link

Installation

yarn add shadergradient three @react-three/fiber @react-three/drei @react-three/postprocessing

Develop shadergradient package with website & figma-plugin

To develop with the shadergradient package, follow below instructions.

  1. yarn install
  2. yarn link shadergradient (Link and replace shadergradient package to local.)
  3. npm link ../path/to/your/project/node_modules/react (Use shadergradient package's react)
  4. npm link ../path/to/your/project/node_modules/@react-three/fiber (Use shadergradient package's @react-three/fiber)
  5. npm link ../path/to/your/project/node_modules/@react-three/drei (Use shadergradient package's @react-three/drei)
  6. npm link ../path/to/your/project/node_modules/postprocessing (Use shadergradient package's postprocessing)

For example

yarn link shadergradient && npm link '/Users/ruucm/MyDocuments/Carving/blocks/shadergradient/node_modules/react' && npm link '/Users/ruucm/MyDocuments/Carving/blocks/shadergradient/node_modules/@react-three/fiber' && npm link '/Users/ruucm/MyDocuments/Carving/blocks/shadergradient/node_modules/@react-three/drei' && npm link '/Users/ruucm/MyDocuments/Carving/blocks/shadergradient/node_modules/postprocessing' && yarn dev

Next.js Example Project

Codesandbox

This example project was bootstrapped with create-r3f-app

FAQs

Package last updated on 30 Jan 2022

Did you know?

Socket

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.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc