🔥 A modern & free Bootstrap 4 admin dashboard template pack.

  • By DesignRevision
  • Last update: Jan 5, 2023
  • Comments: 11

Shards Dashboard UI Kit

A modern & free Bootstrap 4 admin dashboard template pack.



Note: You can download the Sketch files from the official product page.


Quick Start

  • Install Yarn dependencies.
  • Run yarn start to start the local development server.

Built using


Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.


Feedback

Building better products is something I'm trying to get really good at. I’d love to hear more about how you plan on using Shards and what features you consider important in similar products. If you could spare a few minutes, please fill out this Google Form to help me better understand your current context and what I could do to improve my products.


Changelog

TODO

Github

https://github.com/DesignRevision/shards-dashboard

Comments(11)

  • 1

    Imported file missing ?

    In the file styles/scss/shards-dashboards.scss there is this import :

    // Base Shards UI Kit @import "../../node_modules/shards-ui/src/scss/shards";

    But I cannot find it anywhere in the pack. image

  • 2

    Quill Editor does not visually reflect content

    Hi!

    I'm using Shards-UI 2.0.3.

    When I write content inside the quill editor found in add-new-post.html, I cannot get the bold content to show up visually inside the editor. It just looks the same as all of the other content.

    When I inspect the text, it is definitely being wrapped with the <strong> tag. It's just not reflected within the editor itself.

    I have made no changes to the js or scss anywhere in the template.

    Is there a scss class hidden somewhere that is responsible for this?

    Thanks in advance for your help.

    Here's some screenshots in case I wasn't able to communicate clearly what my issue is.

    https://i.imgur.com/VAlUzsF.png

    https://i.imgur.com/ez3scPM.png

    EDIT: I realize I didn't show a comparison between the emboldened text and non-emboldened text.. I assure though, they look the same.

  • 3

    Perimordials is not defined

    Hello! I tried to run this beautiful dashboard but after npm install I tried to start npm start command and this happened:

    > [email protected] start
    > gulp
    
    fs.js:42
    } = primordials;
        ^
    
    ReferenceError: primordials is not defined
        at fs.js:42:5
        at req_ (D:\Skola\Vysoka\projektak\dashboard\shards-dashboard\node_modules\natives\index.js:143:24)
        at Object.req [as require] (D:\Skola\Vysoka\projektak\dashboard\shards-dashboard\node_modules\natives\index.js:55:10)
        at Object.<anonymous> (D:\Skola\Vysoka\projektak\dashboard\shards-dashboard\node_modules\vinyl-fs\node_modules\graceful-fs\fs.js:1:37)
        at Module._compile (node:internal/modules/cjs/loader:1155:14)
        at Object.Module._extensions..js (node:internal/modules/cjs/loader:1209:10)
        at Module.load (node:internal/modules/cjs/loader:1033:32)
        at Function.Module._load (node:internal/modules/cjs/loader:868:12)
        at Module.require (node:internal/modules/cjs/loader:1057:19)
        at require (node:internal/modules/cjs/helpers:103:18)
    
    

    My version of node is managed by NVM and I ran it with version 12.22.12 and latest (16.18.0). Thank you in an advance for your replies!

  • 4

    Wrong link on documentation page

    On the documentation page under Bug Report is a link official repository on GitHub. That link https://github.com/designrevision/shards-dashboard-lite refers to a repository which doesn't exists.

  • 5

    unexpected use of self

    self is error self.__precacheManifest = [ { "revision": "ab6201c27579e67a85c0", "url": "./static/css/main.da36c60a.chunk.css" }, { "revision": "ab6201c27579e67a85c0", "url": "./static/js/main.ab6201c2.chunk.js" }, { "revision": "a39c2b1f10bfaa880fbe", "url": "./static/css/1.7ea21b64.chunk.css" }, { "revision": "a39c2b1f10bfaa880fbe", "url": "./static/js/1.a39c2b1f.chunk.js" }, { "revision": "4a686d48d5a089750c49", "url": "./static/js/runtime~main.4a686d48.js" }, { "revision": "73476783ca0f7583198978de7073815b", "url": "./static/media/0.73476783.jpg" }, { "revision": "60a859917fe65ea1f9f070e0dc080c76", "url": "./static/media/shards-dashboards-logo.60a85991.svg" }, { "revision": "ed986061ad9bf89c081724362956b134", "url": "./static/media/1.ed986061.jpeg" }, { "revision": "780ccb41c83dad3cbd24a9bcd3262586", "url": "./static/media/2.780ccb41.jpeg" }, { "revision": "41bf3241965cc7c2990174ed9d6e9714", "url": "./static/media/3.41bf3241.jpeg" }, { "revision": "026cb7af3133d721efff2a0134f7e16f", "url": "./static/media/4.026cb7af.jpeg" }, { "revision": "6e846951d7a04c931a0f9efa94a1316f", "url": "./static/media/5.6e846951.jpeg" }, { "revision": "47789d678cfff97c48fda4de3f3621d5", "url": "./static/media/6.47789d67.jpeg" }, { "revision": "2835396c930c8bf53ffd3beeedba7c41", "url": "./static/media/7.2835396c.jpeg" }, { "revision": "10b775cc930b6986ec69eb9a4adef56a", "url": "./static/media/8.10b775cc.jpeg" }, { "revision": "565ad4a387d2090e5d73f0c7b8de2793", "url": "./static/media/9.565ad4a3.jpeg" }, { "revision": "fe349e8528c79623ea6795ddd110985a", "url": "./static/media/10.fe349e85.jpeg" }, { "revision": "4196fb20f8b4ed8f4b062499c1f43136", "url": "./index.html" } ];

  • 6

    Bump decode-uri-component from 0.2.0 to 0.2.2

    Bumps decode-uri-component from 0.2.0 to 0.2.2.

    Release notes

    Sourced from decode-uri-component's releases.

    v0.2.2

    • Prevent overwriting previously decoded tokens 980e0bf

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.1...v0.2.2

    v0.2.1

    • Switch to GitHub workflows 76abc93
    • Fix issue where decode throws - fixes #6 746ca5d
    • Update license (#1) 486d7e2
    • Tidelift tasks a650457
    • Meta tweaks 66e1c28

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.1

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

  • 7

    Bump bootstrap from 4.0.0 to 4.1.3

    Bumps bootstrap from 4.0.0 to 4.1.3.

    Release notes

    Sourced from bootstrap's releases.

    v4.1.3

    • Fixed: Removed the :not(:root) selector from our svg Reboot styles, resolving an issue that caused all inline SVGs ignore vertical-align styles via single class due to higher specificity.
    • Fixed: Moved the browserslist config from our package.json to a separate file to avoid unintended inherited browser settings across npm projects.
    • Fixed: Buttons in custom file inputs are once again clickable when focused.
    • Improved: Bootstrap's plugins can now be imported separately in any contexts because they are now UMD ready.
    • Improved: .form-controls now have a fixed height to compensate for differences in computed height across different types. This also fixes some IE alignment issues.
    • Improved: Added Noto Color Emoji to our system font stack for better rendering in Linux OSes.

    v4.1.2

    • Fixed an XSS vulnerability in tooltip, collapse, and scrollspy plugins
    • Improved how we query elements in our JavaScript plugins
    • Inline SVGs now have the same vertical alignment as images
    • Fixed issues with double transitions on carousels
    • Added Edge and IE10-11 fallbacks to our floating labels example
    • Various improvements to form controls, including disabled states on file inputs and unified focus styles for selects

    Checkout the v4.1.2 ship list and GitHub project for the full details.

    v4.1.1

    Our first patch release for Bootstrap 4! Here's a quick rundown of some of the changes:

    • Added validation styles for file inputs
    • Improved printing of dark tables
    • Suppressed that text-hide deprecation notice by default
    • Cleaned up some JS globals and improve coverage
    • Bumped dependencies, namely Jekyll
    • Fixed docs issue with incorrect name for our monospace font utility

    Checkout the v4.1.1 ship list and GitHub project for the full details.

    v4.1.0

    • Added new custom range form control.
    • Added new .carousel-fade modifier to switch carousel from horizontal sliding to crossfade.
    • Added new .dropdown-item-text for plaintext dropdown items.
    • Added new .flex-fill, .flex-grow-*, and .flex-shrink-* utilities.
    • Added new .table-borderless variant for tables.
    • Added new .text-monospace utility.
    • Added new .text-body (default body color), .text-black-50 (50% opacity black), and .text-white-50 (50% opacity white) utilities.
    • Added new .shadow-* utilities for quickly adding box-shadows.
    • Added ability to disable Popper's positioning in dropdowns.
    • Fixed longstanding issue with Chrome incorrectly rendering cards across CSS columns.
    • Deprecated .text-hide—you'll see a warning during compilation—as it's a dated and undocumented feature.
    • Fixed up Dashboard and Offcanvas examples across Firefox and IE.
    • Breadcrumbs can now use non-string values as dividers.
    • Updated our Theming docs to confirm you cannot use CSS variables in media queries (sorry folks!).

    Be sure to look at the ship list and project board for more details on all our fixes.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

  • 8

    Bump chownr from 1.0.1 to 1.1.4

    Bumps chownr from 1.0.1 to 1.1.4.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

  • 9

    Bump path-parse from 1.0.5 to 1.0.7

    Bumps path-parse from 1.0.5 to 1.0.7.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

  • 10

    Bump tar from 2.2.1 to 2.2.2

    Bumps tar from 2.2.1 to 2.2.2.

    Commits
    • 523c5c7 2.2.2
    • 7ecef07 Bump fstream to fix hardlink overwriting vulnerability
    • 9fc84b9 Use {} for hardlink tracking instead of []
    • 15e59f1 Only track previously seen hardlinks
    • 4f85851 Ignore potentially unsafe files
    • See full diff in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

  • 11

    Bump hosted-git-info from 2.7.1 to 2.8.9

    Bumps hosted-git-info from 2.7.1 to 2.8.9.

    Changelog

    Sourced from hosted-git-info's changelog.

    2.8.9 (2021-04-07)

    Bug Fixes

    2.8.8 (2020-02-29)

    Bug Fixes

    • #61 & #65 addressing issues w/ url.URL implmentation which regressed node 6 support (5038b18), closes #66

    2.8.7 (2020-02-26)

    Bug Fixes

    • Do not attempt to use url.URL when unavailable (2d0bb66), closes #61 #62
    • Do not pass scp-style URLs to the WhatWG url.URL (f2cdfcf), closes #60

    2.8.6 (2020-02-25)

    2.8.5 (2019-10-07)

    Bug Fixes

    • updated pathmatch for gitlab (e8325b5), closes #51
    • updated pathmatch for gitlab (ffe056f)

    2.8.4 (2019-08-12)

    ... (truncated)

    Commits
    • 8d4b369 chore(release): 2.8.9
    • 29adfe5 fix: backport regex fix from #76
    • afeaefd chore(release): 2.8.8
    • 5038b18 fix: #61 & #65 addressing issues w/ url.URL implmentation which regressed nod...
    • 7440afa chore(release): 2.8.7
    • 2d0bb66 fix: Do not attempt to use url.URL when unavailable
    • f2cdfcf fix: Do not pass scp-style URLs to the WhatWG url.URL
    • e1b83df chore(release): 2.8.6
    • ff259a6 Ensure passwords in hosted Git URLs are correctly escaped
    • 624fd6f chore(release): 2.8.5
    • Additional commits viewable in compare view
    Maintainer changes

    This version was pushed to npm by nlf, a new releaser for hosted-git-info since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.