Css templates for mobile apps

18 CSS Mobile Menus

Collection of hand-picked free HTML and CSS mobile menu code examples from codepen and other resources. Update of July 2019 collection. 2 new items.

Related Articles

Author

Links

Made with

About a code

Hamburger

Using clip-path to create a hamburger menu open effect.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Tilt to Make Room for Menu

An effect similar to the mobile Safari tab experience. Tilt background and fade to make room for a menu.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

Animated Mobile Menu

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

CSS Mobile Navigation

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

Mobile Menu Animation

Works better on mobile devices. The hamburger button is comfortably available for a lefty and righty.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

Mobile Menu Concept

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

Magical Mobile Mega Menu

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

Animated Accessible Navigation

Accessible, progressive-enhanced navigation menu with a circular animated background.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

Mobile Menu Style

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

Menu with Scroll Effects

App Menu menu with scroll & hover effects.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

Mobile Menu

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

Mobile Nav

CSS only mobile nav trigger and menus.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

Pure CSS Navigation

Pure CSS navigation simple & easy.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

3 Mobile Nav Animations

3 Pure CSS mobile navigation animations.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

Mobile Menu Slider Prototype

Mobile menu slider prototype in HTML, CSS and JavaScript.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

App Navigation

Concept for mobile app navigation.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Источник

Mobile CSS Templates

Nicepage’s best mobile website themes and responsive retina-ready mobile templates provide the possibility to create a website with web design video tools and page layouts and elements that will be available on all tablets & mobile devices. This best mobile-friendly website presets use free responsive website templates to build a responsive mobile friendly website. We provide a sticky mobile template for your eCommerce mobile HTML template to make it super flexible & easy to customize to add advertisements or important notifications on your home page. Our most popular mobile-friendly templates built using the latest HTML template automatically adjust the screen size, fonts awesome icons, and any real estate logo maker, business logo maker, or gaming logo maker you are using. Nicepage’s 100% responsive layout template due to the usage of bootstrap framework template can apply various bootstrap templates for the home page fully responsive design. The mobile-friendly website template is a multitool that consists of a free responsive website template, a modern HTML template, and effective WordPress plugins for creating an independent mobile-friendly website.

Use mobile design flat responsive template with social working contact form and easy to customize social media icons to power your online presence and application recognition in social networks. To get your one page website up and running on mobile devices, you should apply a mobilekit bootstrap 5 based on our responsive custom HTML website template that integrates into a bootstrap framework and utilizes a mobile UI kit to improve user experience during application usage. During web development, it is important to use a UI kit in the home page design layout to make font awesome icons fully responsive and readable regardless of the screen size for user experience improvement. To build or transform your site template faster reaction with web design, use food & restaurant mobile template for a food business or company, or wallet banking site mobile template for a bank mobile application, and do not forget sticky mobile template for important notifications. Use any free templates to combine them with any HTML responsive template with WordPress plugins and admin templates to build various custom unique web templates.

The web templates free landing page is a blank home page, where you can test and apply a landing page design template or a one page mobile template to produce and enhance a custom fully responsive layout. Major mobile devices are using their google fonts, font awesome HTML template to correct the reflection of the text on a free app landing page the user is viewing right now. The css3 layout with a fully responsive html5 mobile template transfers all the colors and color schemes into a mobile version without the loss of quality or gamma. The bootstrap 5 multipurpose HTML template uses a powerful HTML template basis to support a retina ready mobile web app kit to create an HTML mobile template for mobile devices. Similar to azures mobile template PWA with Unbounce landing pages, our PWA mobile HTML template using html5 and css3 template transforms your templates free, premium website into a 100% responsive mobile-friendly website. A bootstrap agency website template is a fully responsive template that uses google fonts and flexible website design to make this responsive template attractive and memorable.

Источник

Mobile App or Application Templates

Intense App is a great choice for those who need a responsive landing page template to create a presentation of their mobile application, online service, or any other software. It stands out because of its extraordinary pullout menu, which will let your visitors easily navigate the page.

FlexStart : A Creative Theme for App Template

FlexStart is a creative, developer friendly, clean, lightweight and modern Bootstrap website template. FlexStart is created for individuals and companies who want to build websites for software, startup, mobile app, digital agency, SaaS, internet services, fintech and related services and products websites.

Small Apps : Free App Landing Website Template

Small apps is a free Bootstrap 4 landing page template which is a sleek, contemporary landing page template with a gulp based workflow that may help you automate and enhance your work rate.

Clean Recipe : A Mobile App Flat Bootstrap Web Template

Clean Recipe is a Flat mobile app developed with Minimal and Esthetic design for your Hotel / Restaurant / Food / Travel business. The navigation, Alignment, Colors, Twinkling Hover Animations, and Font Awesome Icons brought a mesmerizing Aroma to this responsive template.

Usance : Mobile App Template

Usance is a mobile app template designed using Usance will grow your customer base to the skies by drawing your audience into a new world. The fade sliding animations to the cards, it has all the amazing features to help you build a loyal user base for your mobile app.

App : A Free OnePage App Website Template

App is a free free one page website template made with the latest version of Twitter’s framework (Bootstrap 4). This landing page template is perfect for iOS / Android app developers.

Unapp : A Free Business App Website Template

Unapp is a free business app website template that can bring your big project online and share it with the people all over the world. This template offers you to implement content marketing with a blog and even expand your web presence with an online shop.

Applab : A Free Simple App Landing

Applab is a free simple app landing website template with a modern and clean design with unique structure. You can also tweak and personalize it accordingly. Nice features include sticky navigation, drop-down menu, scrolling animations, pricing tables, testimonials and a horde more.

Appco : A Free Stunning App Showcase Template

Appco is a free stunning app showcase website template for startups. Its amazing design and all sorts of convenient features are easy to customize to be yours. Also, Appco’s layout is fluid and responsive, adapting to all modern devices without a hitch.

Appru : A Neat HTML App Landing Template

Appru is a neat, modern and free HTML app landing page website template for mobile applications to impress your users and get them to become part of the community. Impressive features are call-to-action buttons, hover effects, testimonials slider, screenshots section and pricing plans.

Talent Application Form – Web Element

Talent Application form is a modern and a perfect choice for all your websites like university, educational institution, recruiting agencies, job portal, career platform, human resource management, advertised vacancies, project management system, job seekers, job listing website, Career Portal, Resume Market, Job Alerts, online jobs search engine, freelancers, graphic designers, Startup, Corporate, business, technology, job offices and much more. Download and and please share it.

Home Loan Application Form – Web Element

Home Loan Application Form is free a Flat Responsive Widget Template for property application form. It is responsive and purposely for mobile devices. The code inside is neat and easy to customize. Date picker and option fields are ready to use.

Nova – A free HTML template

Nova is a free and clean Landing Page HTML template. Colorful intro section, feature overview, client/publicity logos, pricing table and a newsletter sign up box are included in the theme.

Privy App – Mobile App and App Launch Website Template

Privy app template is an mobile app lauch template with minimal and esthetic design for web designers, graphic designers, digital professionals, UX designers, web developer, freelancers and more. It is an ideal for self-promotion of your work in a creative and effective way to impress your website viewers.

Appz : A Single Page Responsive Website Template for Mobile

Appz is a clean and minimal responsive web template designed with web applications with Html5, and Css3. This Mobile application based websites can use this Mobile friendly theme which comes in three different formats to support all devices.

Lite – A New Mobile App Bootstrap Template

Lite is a clean and unique app landing page template. It’s mainly designed for Mobile app landing pages especially Web apps, Mobile apps. Lite is well organized and very easy to customize according to your needs. It has all important features you need to launch your site within minutes. It is built in Bootstrap framework, HTML5, CSS3 and JQuery. Download now and share it.

Launcher – A Modern Mobile App Template

Launcher is a free Landing Page in fully Responsive Design with Validated HTML5 and CSS3, Responsive Navigation, Font awesome icons. The design itself is awesome professional Looking and easy to customize.

Upgrade : Mobile App Landing Page Template

Upgrade is a free Bootstrap Landing Page Template for your web, mobile app and more. It can be multipurpose and available for instant download. It is responsive and can definitely be on all types of devices (desktop, notebook, tablet, and mobile). The key features include bootstrap 4, CSS3, HTML5, Google fonts and smooth scrolling.

Apex App : App Landing Page Template

Apex App is a free app landing page template using modern technology like HTML5, CSS3 and Bootstrap framework. It works well with all kinds of devices because it is fully responsive. There are many features like fullscreen featured section, parallax video section and many more. Your visitor will get impressed with your website and will come back again and again.

MIAPP : Free CSS Mobile Template

Miapp is one of the most eye-catchy css template for app or application. It is built with the latest HTML5 and CSS3 technologies. Noman Ali Samejo Production designed this beautiful web templates for Mobile App. It is best suited for small business service websites. There are subscription signup and newsletter signup features.

Источник