@@include('./_head.html', { "path": ".", "title": "Neumorphism UI" }) @@include('./_navigation.html', { "path": ".", "classes": "navbar-light navbar-transparent navbar-theme-primary" })

Neumorphism UI

Neumorphism inspired User Interface Kit that will help you prototype and design beautiful, creative and modern websites.

Themesberg Logo A Themesberg production

Over 200 components

Beatifully crafted and neumorphism inspired elements

10+ sections

Navigation bars, pricing cards, footers and many more sections to enhance page variety

5 example pages

We took the time to create a few example pages to show you how neumorphic pages can look like

@@include('./components/_accordions.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_alerts.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_badges.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_cards.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_bootstrap-carousels.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_breadcrumbs.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_buttons.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_forms.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_modals.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_navs.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_pagination.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_pagination.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_progress-bars.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_tables.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_tabs.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_toasts.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_tooltips.html', { "path": ".", "classes": "bg-primary pt-0" }) @@include('./components/_typography.html', { "path": ".", "classes": "bg-primary pt-0" })

5 neumorphic example pages

@@include("./_pages-preview.html", { "path": "./", "path_pages": "./html/pages" })

Notable features

You get all Bootstrap components fully customized. Besides, you receive numerous plugins out of the box and ready to use

Latest Bootstrap

A responsive and mobile-first theme built with the world's most popular CSS framework

Build with Sass

Change one variable and the theme adapts. Colors, fonts, sizes, buttons... you name it

Responsive Design

Did you know 53% of the world web traffic is mobile? Neumorphism UI is fully responsive and mobile first

Modular approach

Nicely customized components that can be reused anytime and anywhere in your project

Gulp & BrowserSync

With our custom Gulp commands & BrowserSync we offer a seemless and fast workflow for your project

Well documented

Our kit is delivered with very detailed documentation, describing all components, styles and usages

Google PageSpeed

Neumorphism UI has 80+ scores on Google PageSpeed Insights to offer you and your clients a fast website

SVG illustrations

Photography and Illustration SVGs are included in the download package and are free to use

Neumorphism logo

Neumorphic design

We crafted each component with great care so it represents the latest neumorphic design trend

What's inside?

We have carefully crafted the perfect folder structure to ensure that finding the files you're looking for are easily reachable and well organized.

You need only HTML, CSS and Javascript?

Don't worry, we got you covered. We have a folder called html&css which includes only the basic HTML5, CSS3 and Javascript technologies.

File Structure
  • src
    • assets
    • html
    • partials
    • scss
    • index.html
  • html&css
  • .temp
  • dist
  • node_modules
  • gulpfile.js
  • package.json
  • README.md
  • .gitignore

You need only HTML, CSS and Javascript?

Don't worry, we got you covered. We have a folder called html&css which includes only the basic HTML5, CSS3 and Javascript technologies.

WCAG 2.1 accessible color scheme

We've enhanced the color settings
to comply with the latest accessibility standards

Primary:

#174F84

Secondary:

#10AB7C

Info:

#1E90FF

Warning:

#F5B759

Success:

#00BF9A

Danger:

#FA5252

Dark:

#2A354F

Less work, more flow.

Boost productivity with BrowserSync. SCSS changes are reflected instantly and pages scroll and refresh on devices as you work.

> $ npm install
Everything’s installed!
> $ gulp
SCSS watching
LiveReload started
Opening localhost:3000
> $ that's it?
It's that simple!
Looks unfamiliar? Don’t worry! Our documentation has got you covered.

Open source project

Neumorphism UI is an open source UI Kit that is licensed under the MIT License. Consider giving us a star on the official Github repository to spread the news!

Free Demo
  • 200 Components
  • 5 Example Pages
  • Uncoventional cards
  • Timelines
  • E-commerce
  • Widgets
  • Premium Support
Pro Version
  • 1000+ Components
  • 13 Example Pages
  • Uncoventional cards
  • Timelines
  • E-commerce
  • Widgets
  • Premium Support
Upgrade to PRO
@@include('./_footer.html', { "path": ".", "classes": "bg-primary" }) @@include('./_scripts.html', { "path": "." })