185 comments

I would like to get a clear indication of the stacks used in the React version. Webpack/React Router/Hot Module Loader, UI framework e.t.c

Sent you an email and still no response.
Hi,

Try this: http://spin.webkom.co/docs/docs-react.html

Thanks,
owczar
Are there currently any plans for a VueJS version?
Hi! Thanks for a great product.

• When's the Sketch version coming?
• Are you going to go Bootstrap 4 with this?

Thanks!
Hi,

We are working on Bootstrap4 (70%).

Thanks,
owczar
Hi,

I get this issue when running npm start. I already run the npm install before that.

ERROR in ./src/components/ColorPicker/Compact/Compact.js
Module not found: Error: Cannot resolve module 'react-color/modules/react-materi
al-design' in C:\Working\SPIN-Dashboard-Package-1.3.2\Full-Version-ReactJS\src\c
omponents\ColorPicker\Compact
@ ./src/components/ColorPicker/Compact/Compact.js 24:27-79

ERROR in ./src/components/ColorPicker/Material/Material.js
Module not found: Error: Cannot resolve module 'react-color/modules/react-materi
al-design' in C:\Working\SPIN-Dashboard-Package-1.3.2\Full-Version-ReactJS\src\c
omponents\ColorPicker\Material
@ ./src/components/ColorPicker/Material/Material.js 20:27-79

ERROR in ./src/components/ColorPicker/Swatches/Swatches.js
Module not found: Error: Cannot resolve module 'react-color/modules/react-materi
al-design' in C:\Working\SPIN-Dashboard-Package-1.3.2\Full-Version-ReactJS\src\c
omponents\ColorPicker\Swatches
@ ./src/components/ColorPicker/Swatches/Swatches.js 30:27-79
Child html-webpack-plugin for "index.html":
Asset Size Chunks Chunk Names
index.html 582 kB 0
webpack: Failed to compile.
hoomanik PURCHASED
I'm having the same issue. did you find a fix ?
hoomanik PURCHASED
After I upgraded to node v8 the issue was resolved.
herisn23 PURCHASED
Same problem, someone have solution? Another node version not work for me.
kwasza PURCHASED
Hi

I found a issue with sidebar menu. I`m unable to scroll left-side menu on android phone using chrome browser. On iphone 6 / safari it is possible but first you need to scroll page a little then click hamburger icon to go to left-side menu and you can scroll. In developer mode on windows chrome in responsive mode scroll works.I checked on my instance and also on spin.webkom.co and it is not working. Can you fix it or give a suggestion with solution or workaround?

Thanks in advance.
Hello,

Great work on this template! I was wondering what the timeline on an Angular2/4 version is?
Thanks!
0x6c23 PURCHASED
Trying to use the latest version on a centos EC2, getting the following error:

npm ERR! Linux 3.10.0-514.26.2.el7.x86_64
npm ERR! argv "/usr/bin/node" "/bin/npm" "start"
npm ERR! node v6.11.1
npm ERR! npm v3.10.10
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! spin-react@1.0.0 start: `better-npm-run start`
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the spin-react@1.0.0 start script 'better-npm-run start'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the spin-react package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! better-npm-run start
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs spin-react
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls spin-react
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /home/centos/spin-react/npm-debug.log
0x6c23 PURCHASED
Ok, it kinda worked. There wasnt enough RAM for the NPM install to complete. But now, running npm start, I get overwhelmed by the following errors:

https://pastebin.com/9VP5G3WJ

Everything prior worked.
0x6c23 PURCHASED
Guess what. I needed to install and rebuild node-sass. Also, I needed to change ColorPicker/Compact/Compact.js / ...Material.js / ...Swatches.js so they import "Raised" from "react-color/lib/components/common" instead of "react-color/modules/react-material/design".

Now the template attempts to load, but stays in loading screen forever. I already changed many things considering this is a paid template, but paying for the loading screen wasn't my intention. Sorry for the rant, but please fix.
0x6c23 PURCHASED
Errors in console:

GET http://[...]:3000/vendor.c27d1a8c184b1a9bef4c.js net::ERR_CONNECTION_TIMED_OUT
GET http://[...]:3000/template.c27d1a8c184b1a9bef4c.js net::ERR_CONNECTION_TIMED_OUT
GET http://[...]:3000/init.c27d1a8c184b1a9bef4c.js net::ERR_CONNECTION_TIMED_OUT
GET http://[...]:3000/app.c27d1a8c184b1a9bef4c.js net::ERR_CONNECTION_TIMED_OUT
HI,

Please download the latest 1.3.3 version.
I just updated.

Thanks
urapeti PURCHASED
Hi,

Please check latest code, purchased today and nothing is working according to your documentation

SCSS files are compiling with bootstrap file missing errors,

Please fix or help me resolve these issues.
urapeti PURCHASED
Seems like nodejs version issue from my side, my bad. working fine in different ubuntu machine.
0x6c23 PURCHASED
Another question for the React version. How would you go about implementing a backend, preferrably with nodejs? Never worked with koa. Is the koa proxy in the config meant to implement the backend? E.g running a API server on another port and routing all /api/ calls to that server with the koa proxy?
sasuke PURCHASED
this is what i get when i try to execute npm start

npm ERR! Linux 4.10.0-35-generic
npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "start"
npm ERR! node v7.10.1
npm ERR! npm v4.2.0
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! spin-react@1.0.0 start: `better-npm-run start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the spin-react@1.0.0 start script 'better-npm-run start'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the spin-react package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! better-npm-run start
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs spin-react
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls spin-react
npm ERR! There is likely additional logging output above.
Hi,

Try 1st „nam install”, then „npm start”.

Thanks,
owczar
nitsua PURCHASED
How can I make the sidebar collapsed to start?
Hi, I'm unable to run the React version of the template. After simply npm install, I receive this error:
npm ERR! code EINTEGRITY
npm ERR! sha1-D5CPr05uwCUk5UpX5DLFwBPgjJ8= integrity checksum failed when using sha1: wanted sha
1-D5CPr05uwCUk5UpX5DLFwBPgjJ8= but got sha1-a6BcFVkB1AkIjhUCK/TRaPJO3ls=. (4161162 bytes)
npm WARN tar ENOENT: no such file or directory, open '/mnt/c/Users/User/Desktop/Full-Version-Rea
ctJS/node_modules/.staging/fsevents-70e572dc/node_modules/semver/range.bnf'
Hi,

Please try use Node 8.0

Thanks,
0wczar
hello owczar,

This is a common file to change the theme from dark to light colour.

Thanks.
ERROR in Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime (57)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v3.13.1
@ ./src/components/Sidebar/components/AddOnContent/AddOnContent.scss 4:14-298 13:2-17:4 14:20-304
Child html-webpack-plugin for "index.html":
Hi,

Again the NPM has restarted my repo and the token is outdated.
I have written to them several times. No response.

Anyway tomorrow release the revised versions and hopefully with webpack 3.0

Sorry for Troubles,
0wczar
Any help...?

npm ERR! Linux 4.4.0-87-generic
npm ERR! argv "/usr/local/bin/node" "/usr/bin/npm" "install"
npm ERR! node v8.8.1
npm ERR! npm v3.10.10
npm ERR! code E404

npm ERR! 404 Not found : @owczar/spin-template
npm ERR! 404
npm ERR! 404 '@owczar/spin-template' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404 It was specified as a dependency of 'spin-react'
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

npm ERR! Please include the following file with any support request:
npm ERR! /root/SPIN-Dashboard-Package-1.3.3/Full-Version-ReactJS/npm-debug.log
ps also on your online demo it would load faster if you fixed the avatar srcs all the links to 128.jpg are broken and delaying the loading bar ect.
Hi,

Again the NPM has restarted my repo and the token is outdated.
I have written to them several times. No response.

Anyway tomorrow release the revised versions and hopefully with webpack 3.0

Sorry for Troubles,
0wczar
mcernik PURCHASED
Same issue for me just purchased but can't install.. :(
Hi mcernik,

Send me email to priv.
I send you corrected version.
Sorry for troubles.

0wczar
uirobot PURCHASED
Hi!
Can you send me correct react version? Trying to do something with it - last 2 days. No results.

email: shuleikin@gmail.com

Thank you
9 months ago you mention this:

"Unfortunately, no light version for "Body", or "main" as you write above. If you want light version - please see: skarla.webkom.co"

If I purchase the template today, will this light version also be included? Need both dark and light in main section, not just in navigation. Thanks.
Hi there, Do you have react starter seed project available? Thanks.
Good day! Do you mind if you teach me to configure the react-redux here. Or maybe you can give me an overview. Thanks
frsadmin PURCHASED
Tomasz,

Our company recently purchased the spin-react theme.

I'm trying to integrate spin into a meteor/react app that we've already built a considerable amount of. I had assumed that the following steps would work:

1. Place react spin package included in the download after purchasing spin in node_modules
2. Install it
3. Reference components from spin-react instead of react-bootstrap

But that doesn't seem to be the case. Do you have any words of wisdom for integrating spin into an already built react app that currently relies on react-bootstrap for visuals?

- Bryan
Hi Bryan,

There is a starter project on the way, but for the mean time you should more or less follow these steps:

1. If you are using WebPack, add an SCSS loader to your configuration.
2. Somehow add `/src/components` folder to your app, so you can include them later. Also add the `/src/styles` directory.
3. Make sure you have all the dependencies installed which are required by the `components`. You should determine it by yourself based on the imports used in each component.
4. Make sure you copy the `.npmrc` to the root of your project, and add `"@owczar/spin-template": "^1.5.3"` to your `package.json` and install it.
5. Import needed styles in your application:
`@owczar/spin-template/dist/styles/bootstrap.min.css`
`@owczar/spin-template/dist/styles/app.min.css`
`font-awesome/css/font-awesome.css`
`/src/styles/core.scss`. They need to be imported as non-modular CSS.

Now you should be able to use the components by importing them from the `/src/components`. `react-bootstrap` components are also available from there so use this path as an import.

Thanks,
0wczar

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase

$15
928Purchases

Licenses: Details »

Single application $15
Version:1.3.4
Type:
  • HTML Template
Bootstrap: Compatible with 3.3.x
Layouts:
  • Responsive
  • Fluid
  • Fixed-width
Browsers:
  • IE 9, 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Categories:
Tags: admin, app, crm, dashboard, react, reactjs, template, theme, ui, webapp
Item#:WB0G2XT20
Released:1 year ago
Updated:1 month ago
Sold exclusively on WrapBootstrap
owczar

owczar

Signed up 2 years ago

Need a front-end theme?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 9/10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: