Bamburgh React UI Kit with Reactstrap Free

Bamburgh React UI Kit with Reactstrap Free

Working on a smaller project and need a simple, beautiful and easy to use Ui Kit? Search no more, you’ve found the perfect one.

This React Ui Kit will bring you a beautiful and custom Bootstrap style to use in your presentation websites.

Check out the PRO version of this Ui Kit for a comprehensive list of React components & features.

Initial release: January 25, 2020 Last updated: February 23, 2020 Changelog

Beautiful clean design

The perfect development starter for you. Nothing too complicated, clean codebase, powerful components. Bamburgh React UI Kit with Reactstrap has it all and it’s free, open source and licensed under MIT.

The design follows the visual standards from Bamburgh UI Design System, featuring a clean, modern and beautiful user experience.

 

Extended and customized Bootstrap

This free React UI Kit is powered by Reactstrap which is a Bootstrap port for React. It doesn’t use jQuery and comes packed with a lot of extra styles beside the ones included by default in standard Boostrap instances.

 

React components

Bamburgh React UI Kit with Reactstrap Free is powered by the latest versions for React, React Router and Bootstrap. It’s based on the Create React App starter from Facebook and it uses an un-ejected version of it so you’re free to do whatever customizations you want.

 

Documentation

Step by step instructions are available in the online documentation for Bamburgh React UI Kit with Reactstrap Free. You’ll find code examples for all demo sections complete with 3rd party dependencies.

UI Kit Details
Version
1.1.0
Initial release
January 25, 2020
Last updated on
February 23, 2020
React pages
25
React widgets
20
Changelog
Changelog
Documentation files
View Documentation
Open Source MIT License
Community Support through Github issues

UI Kit Key Features

Curious about what features this UI Kit has to offer? Scroll no more, we've put together a list of features below.

25 React pages included

Bamburgh React UI Kit with Reactstrap Free includes exactly 25 React example pages covering all use cases for developing user interfaces for apps & presentation websites.

20 customized React widgets

With the help of our friends below, this UI Kit has exactly 20 widgets integrated with the same consistent design and UI style from Bamburgh UI Design System.

ReactStrap

Stateless React Components for Bootstrap 4.

Framer Motion

An open source and production-ready motion library for React on the web.

Bootstrap Core

Build responsive, mobile-first projects on the web with the world’s most popular front-end component library.

React ApexCharts

React ApexCharts is a wrapper component for ApexCharts ready to be integrated into your react.js application to create stunning React Charts.

Apex Charts

A modern JavaScript charting library to build interactive charts and visualizations with simple API.

React Leaflet

React components for πŸƒ Leaflet maps.

Leaflet Maps

Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps.

React Google Maps

component written over a small set of the Google Maps API. It allows you to render any React component on the Google Map.

React Navigation Menu

A ready / simple to use, highly customizable, updateable, ajax supported, animated menu component for React.

React FontAwesome Icons

Official React component for Font Awesome 5

React FontAwesome Icons Core

Official React component for Font Awesome 5

React Ionicons

Ionicons is a completely open-source icon set with 700+ icons integrated perfectly with React.

React FlagKit

Bringing world flags to React, in style.

Pe7 Icons

A series of iOS 7 inspired vector icons.

Socicons Icons

All social icons available with this widget.

React Perfect Scrollbar

This is a wrapper to allow use perfect-scrollbar in React.

Hamburgers navigation buttons

Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger.

We value our customers

We try to resolve any issues you might have as soon as possible. We've set up a set of tools to help in your development endeavours.

Github Repository

Each UI Kit has a Github repo where we track changelogs, issues and suggestions. PRO UI Kits customers can request private Github access to say in sync with all our code commits.

Online Documentation

Bamburgh React UI Kit with Reactstrap Free has an extensive documentation available online which contains code examples for each section or component available in the live preview.

Support Tickets

You'll be up and running in no time, thanks to our detailed individual docs sections packed with explanations and code snippets.

Discord Channel

Say hello, ask for help or just chat. We have a Discord channel ready for that. Also, holders of a PRO license can ask for help with priority.

UI Kits Highlights

Below you'll find some features that makes Bamburgh React UI Kit with Reactstrap Free stand out from the crowd

SCSS Stylesheets

All Bamburgh React UI Kit with Reactstrap Free stylesheets are built with SCSS which makes it easy to customize and propagate variables changes across all included components.

Clean code

Each element, each component, each page has been carefully coded using the same consistent style and structure.

Modular architecture

We've split the assets architecture into a logical structure making it easy to remove or add components or pages.

Example pages

We've included in Bamburgh React UI Kit with Reactstrap Free examples pages & starter kits, that will boost you project start.

Icon fonts

Bamburgh React UI Kit with Reactstrap Free has at least 2 different font icons integrated. You'll have at least 2500+ icons at your disposal.

Easy to customise

To customize your project, use either the included CSS helper classes integrated in Bamburgh React UI Kit with Reactstrap Free or SCSS variables that can be compiled using the build tools.

Google fonts

You can easily change the included Google font to a different one, just by adding a line of code in your app head tag.

Consistent design

We use mainly two frameworks: Bootstrap 4 or Material Design. All elements and components are styled using the same design approach, the same color/spacing/size and the same common SCSS variables.

Compatibility

Bamburgh React UI Kit with Reactstrap Free is 100% compatible with whatever framework solution we chose for this template.

Fully responsive

We're mainly using Bootstrap 4 powerful responsive utilities, making our products perfectly adaptable to any screen size, desktops to mobiles.

Optimized assets

Performance is an important factor when serving website or apps to customers. We took great care and managed to obtain almost a perfect speed score for Bamburgh React UI Kit with Reactstrap Free.

Powerful documentation

Bamburgh React UI Kit with Reactstrap Free has a separate documentation which is available online and is packed with code examples, explanations and tutorials.

Download Bamburgh React UI Kit with Reactstrap Free

Working on a smaller project and need a simple, beautiful and easy to use Ui Kit? Search no more, you've found the perfect one. This React Ui Kit will bring you a beautiful and custom Bootstrap style to use in your presentation websites. Check out the PRO version of this Ui Kit for a comprehensive list of React components & features.

FREE Version
  • Extended Support
  • Use in Commercial projects
  • Presentation Website Blocks
  • 150+ Components Included
  • Multiple Layouts/Colors Variations
  • Multiple pages & examples
  • User Pages & Applications
  • No Backlinks
  • Extended SASS Files
Download now
PRO Version
  • Extended Support
  • Use in Commercial projects
  • Presentation Website Blocks
  • 150+ Components Included
  • Multiple Layouts/Colors Variations
  • Multiple pages & examples
  • User Pages & Applications
  • No Backlinks
  • Extended SASS Files
Upgrade to PRO

Share your thoughts!

Let us know what you think...

What others are saying

  1. Question

    David Arsenault (verified owner)

    This product throws tons of errors after following your installation instructions. Was going to buy the pro version but now I am not sure at all.
    /src/example-components/ListGroups/ListGroupsVariations8/index.js
    Line 142:25: The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value. If you cannot provide a valid href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md jsx-a11y/anchor-is-valid

    ./src/reducers/ThemeOptions.js
    Line 178:5: Expected a default case default-case

    ./src/layout-components/ReactMetismenuRouterLink/index.js
    Line 1:1: ‘use strict’ is unnecessary inside of modules strict

    ./src/example-components/Maps/MapsGoogleMaps/index.js
    Line 1:26: ‘useState’ is defined but never used no-unused-vars
    Line 2:8: ‘PropTypes’ is defined but never used no-unused-vars
    Line 3:8: ‘cx’ is defined but never used no-unused-vars
    Line 4:9: ‘Link’ is defined but never used no-unused-vars

    ./src/Routes.js
    Line 1:33: ‘Fragment’ is defined but never used no-unused-vars

    ./src/example-components/Dropdowns/DropdownsSplit/index.js
    Line 20:15: The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value. If you cannot provide a valid href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md jsx-a11y/anchor-is-valid

    http://localhost:3000
    TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received type undefined
    at validateString (internal/validators

    (0) (0)

    Something wrong with this post? Thanks for letting us know. If you can point us in the right direction...

    • admin

      admin

      Hello David,

      Fresh out of the over, version 1.1.0, which we launched today, comes with all the issues you mentioned, fixed! We improved th eslint command used for formatting and arranging the codebse. The NPM command for linting is: “npm run format”

      Give it a spin!

      My best,
      H

      (0) (0)

      Something wrong with this post? Thanks for letting us know. If you can point us in the right direction...

×

Login

Register

A password will be sent to your email address.

Continue as a Guest

Don't have an account? Sign Up

Monthly Free Resources

Follow us on our social media accounts to stay up to date with design and frontend trends & freebies.

πŸ“¬ Monthly Newsletter

Get interesting design and development resources and stay in touch with us - subscribe today! πŸ‘¨πŸΌβ€πŸ«

We promise not to spam your inbox. We also hate spam!