npm install @splinetool/react-spline @splinetool/runtime Usage To use react-spline, first you have to go to the Spline editor, click on theExportbutton, select "Code" and then "React". You should see this: You can copy the URL and pass it to the<Spline />component in react: ...
import Spline from '@splinetool/react-spline'; export default function App() { return ( <Spline scene="https://prod.spline.design/6Wq1Q7YGyM-iab9i/scene.splinecode" /> ); }You should be able to see the scene you exported in your React app.NOTE: If you...
yarn add @splinetool/react-spline @splinetool/runtime or npm install @splinetool/react-spline @splinetool/runtime Usage To use react-spline, first you have to go to the Spline editor, click on theExportbutton, select "Code" and then "React". ...
React Spline Charts & Graphs with Simple API. Also known as Smoothed / Curved Line Chart. Supports Animation, Zoom / Pan, Events, Image Exports, etc.
React Spline Area Charts & Graphs based on HTML5 Canvas. Charts are Responsive, Interactive, & integrates easily with Bootstrap and other JS Frameworks.
React Spline Chart connects data points with smooth lines. It uses numeric, category, date-time, and logarithmic axes to plot data. Multi series Allows you to plot multiple series in a single chart to compare different data sets. Enabling legend and tooltip gives more information about the indi...
随便取个用户名可以吗创建的收藏夹默认收藏夹内容:使用 Spline 和 React 创建 3D 站点 - 完整课程,如果您对当前收藏夹内容感兴趣点击“收藏”可转入个人收藏夹方便浏览
Spline支持多种导出方式:👇🏻 Spline 视图是原生的HTML Web 组件,可与大多数 Web 构建工具、iframe或浏览器一起使用。 也可以导出URL来展示3D场景,而iframe代码可以用将场景嵌入到其它工具中,比如例如 Notion、Webflow、WordPress、Framer、Typedream 等。 导出代码,你也可以导出Vanilla JS、Three.js、React 和 ...
Original file line numberDiff line numberDiff line change @@ -1,6 +1,6 @@ { "name":"@splinetool/react-spline", "version":"3.1.1", "version":"4.0.0", "packageManager":"yarn@3.3.0", "files": [ "dist" Expand Down 0 comments on commit19abc8d sign in...
resolution: "@splinetool/react-spline@workspace:." dependencies: "@splinetool/runtime": ^0.9.65 "@splinetool/runtime": ^0.9.109 "@types/animejs": ^3.1.4 "@types/node": ^17.0.31 "@types/react": ^18.0.9 @@ -474,12 +474,12 @@ __metadata: languageName: unknown linkType: soft ...