126 CSS Mobile-first Libraries

HTML/CSS & JavaScript First Microverse Capstone Project. This is a website for a mobile application landing page built with HTML, CSS and JavaScript

HTML/CSS & JavaScript First Microverse Capstone Project. This is a website for a mobile application landing page built with HTML, CSS and JavaScript

Capstone-Project-App-Landing-page HTML/CSS & JavaScript First Microverse Capstone Project. This Project is about an application Landing page and about

01

HTML/CSS & JavaScript capstone project - Savud Int'l Business Summit page

This is my first Microverse capstone project meant to summarize all the content learned through the first module. The project which is about an International summit was a mimic from Cindy Shin in Behance. This project was created using HTML/CSS and a bit of JavaScript.

02

This is the first capstone project from microverse, a website built with HTML, CSS, Javascript and Bootstrap

Microverse Capstone project Built With HTML CSS JS Getting Started To get a local copy up and running follow these simple example steps: prerequisites

03

This project is a professsional portfolio skeleton. There is a section for a quick intro, skills, projects and contact. Both mobile and desktop version are available.

This project is a professsional portfolio skeleton. There is a section for a quick intro, skills, projects and contact. Both mobile and desktop version are available.

Thy Portfolio This is a skeleton of a professional portfolio. This would best suit a software developer. The main features are the intro section, the

04

This is the first Microverse Capstone Project which was meant to summarise all the contents learned through from the first module. The project was about an International Summit which mimicked the design of Cindy Shin in Behance.

HTML/CSS & JavaScript capstone project - D'GEES InfoTech Global Systems Summit page This Project is about creating a responsive webpage Built With HTM

05

Une application mobile moderne pour Pronote. | Progressive Web App écrite en JavaScript.

Une application mobile moderne pour Pronote. | Progressive Web App écrite en JavaScript.

Papillon Front-end pour node-pronote / Pronote+. Made entirely in vanilla JS and can run as a PWA. Démo Disponible sur https://v3.pronote.plus dans un

08

In this capstone project I have built a website based on an online website and design guidelines provided for a conference.

In this capstone project I have built a website based on an online website and design guidelines provided for a conference.

First Capstone Project This capstone project is to build a website based on an online website for a conference. Built With html, css , javascript Live

09

Project Of Creating My Portfolio Website for both Mobile Version and Desktop Version Using A Template From Figma Design Using HTML, CSS and JavaScript

Project Of Creating My Portfolio Website for both Mobile Version and Desktop Version Using A Template From Figma Design Using HTML, CSS and JavaScript

Portfolio this my porfolio mobile and desktop version Built With HTML CSS Media javascript Site Mockup Live Demo (if available) Live Demo Link Getting

11

My first Portfolio project built with HTML, CSS and JavaScript.

My first Portfolio project built with HTML, CSS and JavaScript.

William-Raga-Portfolio My first Portfolio project built with HTML, CSS and JavaScript. Built with HTML CSS Setup for Basic HTML/CSS Project Linter for

13

First university license annual project, an electronic address book

First university license annual project, an electronic address book

Projet annuel : Carnet d’adresse électronique Un carnet d'adresses est un carnet ou une base de données dans lequel son utilisateur note les informati

15

Portfolio Mobile version Work section.

Portfolio Mobile version Work section. Description the project. -This project creates a skeleton of the work section and the about section page of the

16

100 Modern CSS Buttons. Every style that you can imagine.

100 Modern CSS Buttons. Every style that you can imagine.

🚀️ We're on Product Hunt! If you want me to keep making amazing free resources for you, I would really appreaciate your feedback and support on my Pr

17

Responsive website implemented with HTML, CSS and JavaScript. First capstone project for Microverse.

The Portal Capstone Responsive website for a film festival implemented with HTML, CSS and JavaScript. First capstone project for Microverse. View it h

18

This represents the first significant step in the process of building my online portfolio.

This represents the first significant step in the process of building my online portfolio.

Portfolio A simple Portfolio project this project includes just few files: the stylesheet file, the html file and other coplementary files web page :

19

Challenge proposed in the Program-One / Alura+Oracle

Challenge proposed in the Program-One / Alura+Oracle

About • Technologies • Installation Challenge proposed in the program One - Alura+Oracle Roadmap - Trello - Figma 📌 About Application proposed in the

20

This is a responsive website that navigates from the home page to the about page, following mobile first rule.

Artficial-intelligence-forum Welcome to my Microverse's Capstone 1 project, the international artificial intelligence forum website. In this project,

21

Favitude, a platform (web application and mobile for generating beautiful Favicons in your desired resolution

Favitude, a platform (web application and mobile for generating beautiful Favicons in your desired resolution

22

Arquivos do Curso de Programação Mobile. Arquivos contendo os scripts, e slides das aulas, dividido por aulas.

Arquivos do Curso de Programação Mobile. Arquivos contendo os scripts, e slides das aulas, dividido por aulas.

Curso de Programação Mobile Arquivos do Curso de Programação Mobile. Arquivos contendo os scripts, e slides das aulas, dividido por categorias e aulas

23

Amaze UI, a mobile-first and modular front-end framework.

Amaze UI, a mobile-first and modular front-end framework.

Amaze UI 是基于社区开源项目构建的一个跨屏前端框架。 Docs in English README in English React 版 | 独立插件 | Amaze UI Touch 功能简介 移动优先 以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适

24

⛰️ A utility-first CSS framework that serves as the foundation of your design system

Steller CSS Steller is a utility-first CSS framework that serves as the foundation of your application's design system. It includes built-in smart def

25

Fluid grid for mobile, tablet, and desktop.

Unsemantic CSS Framework This is a fluid grid system for mobile, tablet, and desktop. Read more here... http://unsemantic.com This is dual-licensed th

26

A summer-themed website created entirely by the Techie Tessie community!

A summer-themed website created entirely by the Techie Tessie community!

Warning This contest is now closed. Winner will be announced on YouTube - 2nd July! Summer A summer-themed website created entirely by the Techie Tess

27

A way to keep up with the first days of z-elHega

A way to keep up with the first days of z-elHega

First10 a way to keep up with the first days of z-elHega features keep track for 16 good wills all progress is saved locally in the browser no interne

28

First capstone project at @(microverseinc) which is a virtual summit for competitive programmers from all over the world

First capstone project at @(microverseinc) which is  a virtual summit for competitive programmers from all over the world

ACPC Summit (Microverse captsone 1) This website is about fictional acpc summit, which is a summit for competitive programmers. Home Page About Page B

29

This is the first capstone project in my Microverse journey. It's a website created using HTML, CSS, and JavaScript, designed to serve as a website for an event.

Portfolio Microverse This is the first capstone project in my Microverse journey. For this project, we were required to follow the template provided h

30

A static React App created as my first complete project as a modern JavaScript developer / frontend engineer.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

31

In this capstone project I have built is based on an online elearning website for a conference. We have been provided some design guidelines to create the website.

In this capstone project I have built is based on an online elearning website for a conference. We have been provided some design guidelines to create the website.

First-Capstone-Project First-Capstone-Project In Desktop : In mobile : Live Live version Description In this capstone project I have built is based on

32

Synthwave x Fluoromachine & epic animations - This theme brings crazy 80's animations into your VS code 🚀🎉

 Synthwave x Fluoromachine & epic animations - This theme brings crazy 80's animations into your VS code 🚀🎉

Synthwave x Fluoromachine & epic animations This theme brings crazy 80's animations into your VS code 🚀 🎉 This is a fork of synthwave-x-fluoromachin

33

A simple profolio with simple validations and project popup, Mobile nav features build with JavaScript

A simple profolio with simple validations and project popup, Mobile nav features build with JavaScript

Badakhsh Portfolio First Web project at Microvers. In this Project, I used HTML and CSS (Media, Transition, flexbox, Grid and more) on developing one

34

Talanta Mtaani is my capstone project that I did during my first 4 weeks at Microverse.

Talanta Mtaani is my capstone project that I did during my first 4 weeks at Microverse.

Talanta Mtaani is my capstone project that I did during my first 4 weeks at Microverse. It showcases my understanding of HTML, CSS and basic Javscript DOM manipulation.

35

In this project, I recreated a full web page with mobile and desktop versions of a Portfolio project using HTML, CSS, and JavaScript.

Portfolio In this project, I recreated a full web page with mobile and desktop versions of a Portfolio project using HTML, CSS, and JavaScript. Built

36

First capstone project at Microverse, a simple portfolio prototype made with basic HTML and CSS

Capstone Project This is the 1st capstone project I've done while studying at Microverse. It's a simple wepage made by following the requirements aske

37

This project entails building a responsive portfolio website that showcases my bio, projects I have worked on, and how to contact me. It was built with CSS and JavaScript.

Portfolio Application My first portfolio project which is mobile first responsve website Built With HTML,CSS Figam,Linter,Github Visual Studio code ed

38

A mobile and desktop version of a professional portfolio, using what I learned in HTML, CSS and JavaScript.

Portfolio In this project I build a mobile and desktop version of a professional portfolio, using what I learned in HTML, CSS and JavaScript. Built Wi

39

Concircle Scanner App is application That describe Concircle Scanner Mobile app features and functionality and to generate a bar code to test the app.

Concircle Scanner App is application That describe Concircle Scanner Mobile app features and functionality and to generate a bar code to test the app.

Concircle Scanner App is application That describe Concircle Scanner Mobile app features and functionality and to generate a bar code to test the app.

40

A mobile and desktop version of a website, using what I learned in HTML, CSS and JavaScript

Capstone Project In this project I build a mobile and desktop version of a website, using what I learned in HTML, CSS and JavaScript. Built With HTML

41

My own and very portfolio I built in the first module at Microverse.

My own and very portfolio I built in the first module at Microverse.

Portfolio Project On this project I will create a personal portfolio. Tasks : Mobile Skeleton Mobile Cards Desktop versions Animations and transitions

42

Hi there! This will show you my portfolio and some of my project

Hi there! This will show you my portfolio and some of my project

Mobile Project2.0 A mobile version of my portfolio screen Shot of Portfolio Projection (Introduction Section) . Link to my portfolio (https://ol-creat

43

set up a new repository and prepare it for development using best practices (e.g. linters) and build the first 2 sections of the mobile website using a Figma template

Setup, mobile and Desktop version of my portfolio Description of the project. set up a new repository and prepare it for deployement using best practi

44

A modular, “mobile-first” CSS framework built with performance and scalability in mind.

Cardinal Build more with less. ⚠️ THIS REPO IS NO LONGER BEING ACTIVELY MAINTAINED. USE AT YOUR OWN RISK! ⚠️ Go to Website Review the CHANGELOG Table

45

A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development

A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development

Skeleton-Sass Skeleton-Sass is the (un)official Sass version of Dave Gamache's Skeleton Framework. It currently featues a stable version of Skeleton 2

46

Konsta UI - Pixel perfect mobile UI components built with Tailwind CSS with iOS and Material Design components for React, Vue & Svelte

Konsta UI - Pixel perfect mobile UI components built with Tailwind CSS with iOS and Material Design components for React, Vue & Svelte

Konsta UI - Pixel perfect mobile UI components built with Tailwind CSS with iOS and Material Design components for React, Vue & Svelte Docum

47

A set of subtle effects for click or touch interactions inspired by the visualization of screen taps in mobile app showcases

A set of subtle effects for click or touch interactions inspired by the visualization of screen taps in mobile app showcases. The effects are done with CSS animations mostly on pseudo-elements.

48

Phonon is a responsive front-end framework with a focus on simplicity and flexibility

Phonon is a responsive front-end framework with a focus on simplicity and flexibility Starting with v2, Phonon is written in Sass and TypeScrip

49

A complete Utility First CSS Framework for less than 45 KB (8 KB Gzipped)

bonsai.css A complete Utility First CSS Framework for less than 45 KB (8 KB Gzipped) Bonsai CSS is a super lightweight, fully responsive, utility firs

50

📱 An extension for Django admin that makes interface mobile-friendly. Merged into Django 2.0

📱 An extension for Django admin that makes interface mobile-friendly. Merged into Django 2.0

Django Flat Responsive django-flat-responsive is included as part of Django from version 2.0! 🎉 Use this app if your project is powered by an older D

51

Apache Cordova Template App

Apache Cordova Template App

Apache Cordova Hello World Application A simple Hello World application that serves two purposes: It is used as the default app template when creating

52

Modulr.css : A fast and modular approach to building powerful web and mobile interfaces

Modulr.css : A fast and modular approach to building powerful web and mobile interfaces

53

The (un)official Less Version of Skeleton (2.0.4): A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development

The (un)official Less Version of Skeleton (2.0.4): A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development

Skeleton-Less Skeleton-Less is the (un)official Less version of Dave Gamache's Skeleton Framework. It currently featues a stable version of Skeleton 2

54

A Mobile-first type scale Set any element to the desired font-size for any breakpoint

TYPE A Mobile-first type scale Set any element to the desired font-size for any breakpoint. Base class names are namespaced across three breakpoints:

55

Proffy is an online study platform that helps people find professors online.

Proffy is an online study platform that helps people find professors online.

Next Level Week 2 - Proffy This is a web application developed at NLW 2. NLW is an online event with lots of code, challenges, networking, and a singl

56

A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units

A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units

postcss-px-to-viewport English | 中文 A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. Demo If your project inv

57

PostCSS plugin to solve the popular problem when 100vh doesn’t fit the mobile browser screen

PostCSS plugin to solve the popular problem when 100vh doesn’t fit the mobile browser screen

PostCSS Viewport Height Correction PostCSS plugin to solve the popular problem when 100vh doesn’t fit the mobile browser screen. Installation yarn add

58

CSS Library for responsive and mobile websites

CSS Library for responsive and mobile websites

59

Developed first with the Mobile First methodology Responsive Halloween Website

Developed first with the Mobile First methodology Responsive Halloween Website

Developed first with the Mobile First methodology Responsive Halloween Website Design Using HTML CSS & JavaScript

60

Making a Best Social Proof Webpage & Best Responsive Webpage Using Intermediate 😎👍✌️Level CSS & HTML

Making a Best Social Proof Webpage & Best Responsive Webpage Using Intermediate 😎👍✌️Level CSS & HTML

Frontend Mentor - Social proof section Welcome! 👋 Thanks for checking out this front-end coding challenge. Frontend Mentor challenges help you improv

61

PostgreSQL Editor and Dashboard

PostgreSQL Editor and Dashboard

Prostgles UI Web dashboard and SQL Editor for Postgres Screenshots More Features SQL Editor with schema auto-completion and useful hints Data edit and

62

A mobile first vertical responsive menu using HTML, CSS & JS

A mobile first vertical responsive menu using HTML, CSS & JS

Vertical Responsive Menu A mobile first vertical responsive menu using HTML, CSS & JS Live demo See the demo How to use Coming soon. Screenshots Mobil

63

CSS toolkit engineered for high performance and scalable web applications.

CSS toolkit engineered for high performance and scalable web applications. Special Features Not a single !important rule 🎉 Selector-First responsive

64

A very simple portfolio website where you can find explanation to every line of code.

About this project: This is a very simple portfolio website which can be used by beginners who have just started learning about web development. The b

65

Building my first Capstone project to apply the concepts learned in order to enhance my skills in HTML, CSS & JavaScript.

Building my first Capstone project to apply the concepts learned in order to enhance my skills in HTML, CSS & JavaScript.

Module 1 - Capstone Project Building my first Capstone project to apply the concepts learned in order to enhance my skills in HTML, CSS & JavaScript.

66

A revival of a colorful and customizable BetterDiscord theme inspired by the first page of Discord's website

A revival of a colorful and customizable BetterDiscord theme inspired by the first page of Discord's website

NewcordRevived A revival of a colorful and customizable BetterDiscord theme inspired by the first page of Discord's website. Installation guide To dow

67

This is a fake page for Instagram that steals usernames and passwords

Instagram Fake Page About This is a fake page for Instagram that steals usernames and passwords. After clicking the submit button, the username and pa

68

tailwind utility to capitalise only first letter of string

Tailwind Capitalize first letter tailwind utility to capitalize only first letter of string Install the plugin from npm: $ npm install tailwind-capita

69

A bare bones responsive SCSS boilerplate for web designers

Motherplate: A Responsive SCSS Boilerplate for Web Designers Preview: https://leemunroe.github.io/motherplate/example.html What is this? This is a bar

70

A simple responsive framework for mobile friendly development.

Skeleton Framework A simple responsive framework for mobile friendly development. Skeleton Framework takes its roots from dhg/Skeleton, and builds upo

71

Gmail mobile app clone with Tailwindcss and Vite(Vuejs)

Gmail mobile app clone with Tailwindcss and Vite(Vuejs)

Gmail mobile app clone with Tailwindcss and Vite(Vuejs)

72

Next.js + Tailwind CSS + Ionic Framework + Capacitor Mobile Starter

 Next.js + Tailwind CSS + Ionic Framework + Capacitor Mobile Starter

A starting point for building an iOS, Android, and Progressive Web App with Tailwind CSS, React w/ Next.js, Ionic Framework, and Capacitor

73

The first OpenSource t-shirts (probably)

The first OpenSource t-shirts (probably)

Constellations T-Shirts Table of Contents About this project Assets and usage I just want to buy the t-shirt How it all started Live examples About th

74

A Free, Offline, Real-Time, Open-source web-app to assist organisers of any event in allowing only authorised/invited people using Face-Recognition Technology or QR Code.

A Free, Offline, Real-Time, Open-source web-app to assist organisers of any event in allowing only authorised/invited people using Face-Recognition Technology or QR Code.

get-me-through A Free, Offline,Real-Time, Open-source web-app to assist organisers of an event to allow only authorised/invited people using Face-Reco

75

Best practices for modern web development

Web Fundamentals on DevSite Welcome to the new Web Fundamentals! An effort to showcase best practices and tools for modern Web Development. What's cha

76

Solution to a Frontend Mentor challenge: creating a similar webpage as the design preview provided

Solution to a Frontend Mentor challenge: creating a similar webpage as the design preview provided

Frontend Mentor - Testimonials grid section solution This is a solution to the Testimonials grid section challenge on Frontend Mentor. Table of conten

77

An UI library for WeChat, includes widgets/modules in mobile web app.

Weui-Rails An UI library for WeChat, includes widgets/modules in mobile web app, sass is copy from kevyu/weui-sass, so do not open any Issues/PR relat

78

Mobile UI components made with Tailwind CSS

Mobile UI components made with Tailwind CSS

Konsta UI Konsta UI - Pixel perfect mobile UI components built with Tailwind CSS with iOS and Material Design components for React, Vue & Svelte Docum

79

A complete media query framework for CSS, to apply specific properties in specific screen

A complete media query framework for CSS, to apply specific properties in specific screen

A complete media query framework for CSS, to apply specific properties in specific screen Note: Size of every media query is `50px, 100px, 150px, 200p

80

The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.

AnimXYZ animxyz.com AnimXYZ helps you create, customize, and compose animations for your website. Powered by CSS variables to allow a nearly limitless

81

Responsive Navbar with offcanvas view on mobile.

Responsive Navbar with offcanvas view on mobile.

Bootstrap-5-offcanvas-navbar-menu Önceden soldan açılan menü için birçok css kodu yazman gerekiyordu. Şimdi ise Bootstrap 5 ile gelen offcanvas ile na

82

A simple Bootstrap 4 steps plugin, support mobile client.

Bootstrap Steps A simple Bootstrap steps plugin, support mobile client. Demo See Demo. Getting started Must include Bootstrap 4. Installation Install

83

This is the source code of my first website in 2022.

[ Not finished yettttttttt :) ] This is my first website in 2022. (It's under development) I am Mahdi Jaber [Mr MJT] , 15 years old programmer and cyb

84

The frontend, backend, and content source code for web.dev

The frontend, backend, and content source code for web.dev

web.dev web.dev is the ultimate resource for developers of all backgrounds to learn, create, and solve on the web. It's meant to not only educate deve

85

Animated Product Card with the help of React and SCSS (PWA)

Animated Product Card with the help of React and SCSS (PWA)

React Product Card Animated Product Card with the help of React and SCSS (Highly Responsive) Go Test Here : Site After 1st visit you can turn off your

86

USA Covid-19 Tracker is a mobile-first application built with React and Redux to give precise information about the virus behavior in the United States. Great transitions and user feedback made with plain CSS.

USA Covid-19 Tracker is a mobile-first application built with React and Redux to give precise information about the virus behavior in the United States. Great transitions and user feedback made with plain CSS.

React.js USA Covid-19 Tracker This application allows the public to keep track of the stadistics of the Covid-19 Pandemic in the United Stated. You wi

87

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

Ionic Ionic is an open source app development toolkit for building modern, fast, top-quality cross-platform native and Progressive Web Apps from a sin

88

Mobile UI Components, based on Vue.js and ionic CSS

Mobile UI Components, based on Vue.js and ionic CSS

Mobile UI Components, based on Vue.js and ionic CSS. Demo https://wangdahoo.github.io/vonic/docs/ Notice v2.0.0-beta.15 released. $ npm install vonic@

89

An extensible open-source mobile backend framework

Helios is an open-source framework that provides essential backend services for iOS apps, from data synchronization and user accounts to push notifica

90

The first front-end framework created for developing fully responsive web apps.

Deprecation Notice We believe the best solution for the future of the web is a single, robust framework capable of developing webapps and websites, so

91

An UI Framework build with Vue.js for mobile webapp

An UI Framework build with Vue.js for mobile webapp

vue-mobile - V2.0.0-rc.1 An UI Framework build with Vue.js vum is update to [email protected]! checkout to v0.1.1 for [email protected]. Click http://demo.getvum.com/ or

92

This is Growtopia Phising website. I think I am the first person that do normal open source Growtopia phishing.

This is Growtopia Phising website. I think I am the first person that do normal open source Growtopia phishing.

Growtopia Phishing This is Growtopia Phising website. I think I am the first person that do normal open source Growtopia phishing. Based On: Stryff3r/

93

A utility-first CSS framework for rapid UI development.

tailwind css basic postcss files requried to build website TAILWINDCSS A utility-first CSS framework for rapidly building custom user interfaces. Tail

94

A first point of vue into creating shapes with CSS.

A first point of vue into creating shapes with CSS.

Magnificent shapes This is my entry point into making shapes with CSS, I was interested. Overview Inspect There is no point in publishing this to GitH

95

Clank: open source prototyping framework for mobile apps

Clank README What is Clank? Clank is an open source HTML/CSS prototyping framework for tablet and smartphone apps. Think of it as Twitter Bootstrap bu

96

Risk-First Software Development

Risk-First Software Development

The software development world is crowded with different practices, metrics, methodologies, tools and techniques. For example, metrics such as “number

97

The first Bootstrap 5 admin dashboard template

The first Bootstrap 5 admin dashboard template

HEAD Voler Voler is a Admin Dashboard Template that can help you develop faster. Made with Bootstrap 5 Alpha. No jQuery dependency. Installati

98

A utility-first CSS-in-JS framework built for React. 💅👩‍🎤⚡️

A utility-first CSS-in-JS framework built for React. 💅👩‍🎤⚡️

A utility-first CSS-in-JS framework built for React. npm install @xstyled/styled-components styled-components Docs See the documentation at xstyled.de

99

Simple Jquery Alert is a jquery based, mobile-ready & highly customizable Alert Box

Simple Jquery Alert Simple Jquery Alert is a jquery based, mobile-ready & highly customizable Alert Box Installation Downloading Repo clone this repo

100
1 2