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

Default Accordion

At Themesberg, our mission has always been focused on bringing openness and transparency to the design process. We've always believed that by providing a space where designers can share ongoing work not only empowers them to make better products, it also helps them grow. We're proud to be a part of creating a more open culture and to continue building a product that supports this vision.

At Themesberg, our mission has always been focused on bringing openness and transparency to the design process. We've always believed that by providing a space where designers can share ongoing work not only empowers them to make better products, it also helps them grow. We're proud to be a part of creating a more open culture and to continue building a product that supports this vision.

At Themesberg, our mission has always been focused on bringing openness and transparency to the design process. We've always believed that by providing a space where designers can share ongoing work not only empowers them to make better products, it also helps them grow. We're proud to be a part of creating a more open culture and to continue building a product that supports this vision.

Accordion with icons

At Themesberg, our mission has always been focused on bringing openness and transparency to the design process. We've always believed that by providing a space where designers can share ongoing work not only empowers them to make better products, it also helps them grow. We're proud to be a part of creating a more open culture and to continue building a product that supports this vision.

At Themesberg, our mission has always been focused on bringing openness and transparency to the design process. We've always believed that by providing a space where designers can share ongoing work not only empowers them to make better products, it also helps them grow. We're proud to be a part of creating a more open culture and to continue building a product that supports this vision.

At Themesberg, our mission has always been focused on bringing openness and transparency to the design process. We've always believed that by providing a space where designers can share ongoing work not only empowers them to make better products, it also helps them grow. We're proud to be a part of creating a more open culture and to continue building a product that supports this vision.

Default Alerts
Dismissible Alerts with Icons
Alerts with additional content
Inset Shadow
Default Alerts
Dismissible Alerts with Icons
Alerts with additional content
Badges
Dark Secondary Success Danger Info
Notification Badges
Choose your size
Badge Badge md Badge lg

Blog Cards

Themesberg office
Awards

We partnered up with Google

Some quick example text to build on the card title and make up the bulk of the card's content.

Learn More
Designer desk
Jo portrait Jo J. Moore
15 March 2020

We partnered up with Google

Some quick example text to build on the card title and make up the bulk of the card's content.

Learn More
15 March 2020

We partnered up with Google

With supporting text below as a natural lead-in to additional content.

Learn More

We partnered up with Google

15 March 2020

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Profile Cards

Leos Portrait

Jose Leos

Co-Founder
Follow Message
Bonnie Avatar

Bonnie Green

Web Designer

Some quick example text to build on the card title and make up the bulk of the card's content.

Christopher Avatar

Christopher Wood

Marketing

Some quick example text to build on the card title and make up the bulk of the card's content.

Wood Portrait

Christopher Wood

Co-Founder Themesberg

Some quick example text to build on the card title and make up the bulk of the card's content.

Pricing Cards

Basic

$19 / month
  • 1 free domain
  • Storage space: 5GB
  • 100k monthly visitors
  • One-click staging site
  • Search engine wizard
  • Community support
$19 / month

Faster sites deliver better business results for your clients.

  • Full Support No
  • Storage 50 GB
  • Monthly Visitors 400k

Basic

$19
  • Community support
  • 15 GB SSD storage
  • One-click staging site
  • 10 E-mail accounts
  • Team size: 1-5 developers

Regular

$ 199

So, get Website Backup and stop worrying about data loss. Get back to doing what you do best – running your business and making money.

Call to Action Cards

Get in touch

If you need any help with our products or services, choose one of the following ways to contact us.

Become one of us

Do you want to join our team and work remotely from anywhere you'd like? We can’t wait to hear from you!

Check Careers
illustration

Ready to change your life?

Download Rocket today and take the first step to organize your routine, achieve your personal goals and reflect on your life.

Download on the
App Store
Download on the
Google Play

Get the most out of your network.

Contact management designed for teams and individuals

Login & Register

Sign in to our platform

Login here using your username and password
or login with
Not registered? Create account

Create Account

or
Already have an account? Login here

Basic Carousels

With Controls

Indicators & controls

With captions

Inset Shadow

Transparent background

Main Buttons

Round Main Buttons

Animated Buttons

Loading Buttons

Dropdown buttons

Link Buttons

Primary Icon Left Icon Right

Sizes

Choose your color

Links
Default Secondary Tertiary Info Success Danger Dark Gray

Social Buttons




Round Social Buttons




Square

Circle

Default Forms

We'll never share your email with anyone else.
Disabled Inputs
Looks good!
Please choose a username.

Range Sliders

Checkboxes Square
Checkboxes Round
Radios
Switches
Pagination with icon-nav
Pagination with text-nav
Disabled and active states
Choose your size
Pagination with icon-nav
Pagination with text-nav
Disabled and active states
Choose your size

Choose your color

Dark Color
60%
Gray Color
60%
Success Bar
60%
Info Bar
60%
Danger Bar
60%
Stripped Progress Bars
Dark Color
60%
Gray Color
60%
Success Bar
60%
Info Bar
60%
Danger Bar
60%
Inset Tooltip

Dark color

40%

Gray color

40%

Success Color

40%

Info color

40%

Danger color

40%
Choose your size
XL Progress Bar
40%
LG Progress Bar
60%
MD Progress Bar
60%
SM Progress Bar
60%
Default table
ClassTeacherMalesFemales
First YearD. Bolter54
A. Cheetham79
Second YearM. Lam39
S. Crossy43
A. Forsyth69
Hoverable rows
ClassTeacherMalesFemales
First YearD. Bolter54
A. Cheetham79
Second YearM. Lam39
S. Crossy43
A. Forsyth69
Responsive Table
ClassTeacherMalesFemales
First YearD. Bolter54
A. Cheetham79
Second YearM. Lam39
S. Crossy43
A. Forsyth69
Tab Style 1

Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.

Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.

Photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.

Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.

Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.

Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.

Tab With Icons

Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.

Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.

Photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.

Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.

Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.

Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading
h6. Bootstrap heading
Customizing headings

Fancy display heading With faded secondary text

Fancy display heading With faded secondary text

Fancy display heading With faded secondary text

Fancy display heading With faded secondary text

Fancy display heading With faded secondary text
Fancy display heading With faded secondary text
Display headings

Display 1

Display 2

Display 3

Display 4

Paragraphs
Simple paragraph

Start your development with a Pixel Design System for Bootstrap 4.Themesberg makes beautiful products to help people with creative ideas succeed.Our company empowers millions of people.

Lead paragraph

Start your development with a Pixel Design System for Bootstrap 4.Themesberg makes beautiful products to help people with creative ideas succeed.Our company empowers millions of people.

Dark text

Design is not just what it looks like and feels like. Design is how it works.

Secondary text

Design is not just what it looks like and feels like. Design is how it works.

Tertiary text

Design is not just what it looks like and feels like. Design is how it works.

Info text

Design is not just what it looks like and feels like. Design is how it works.

Danger text

Design is not just what it looks like and feels like. Design is how it works.

Success text

Design is not just what it looks like and feels like. Design is how it works.

Blockquote
Themesberg makes beautiful products to help people with creative ideas succeed. Our company empowers millions of people.
Zoltan Szőgyényi
Lists
Unordered
  • Minutes of the last meeting
  • Do we need yet more meetings?
  • Any other business
    • Programming
    • Web Design
    • Database
  • Something funny
Ordered
  1. Minutes of the last meeting
  2. Do we need yet more meetings?
  3. Any other business
    1. Programming
    2. Web Design
    3. Database
  4. Something funny

5 neumorphic example pages

Special 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
Neumorphism UI - Neumorphism inspired UI web components, sections and pages | Product Hunt Embed