CSS Responsive

Open-source CSS projects categorized as Responsive | Edit details
Related topics: #CSS #HTML #Hugo #Sass #css-grid

Top 22 CSS Responsive Projects

  • tachyons

    Functional css for humans

    Project mention: Additive styling with Crayons | dev.to | 2022-05-19

    The Crayons CSS utils follows a standard convention for the class names. All the class names are prefixed with fw- which is a shorthand notation for Freshworks. Apart from this it follows a simple and intuitive conventions for the class names like p for padding, m for margin and so on. It is something similar to other css utility libraries like Tailwind, Tachyons and the others.

  • grunt-email-workflow

    A Grunt workflow for designing and testing responsive HTML email templates with SCSS.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support. Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • rfs

    ✩ Automates responsive resizing ✩

    Project mention: Tailwind and Fluid Typography | reddit.com/r/tailwindcss | 2022-04-08

    It basically generates tailwind classes based on RFS https://github.com/twbs/rfs

  • primereact

    The Most Complete React UI Component Library

    Project mention: Help me select a UI Component Library to Build a Dynamic React App | reddit.com/r/reactjs | 2022-05-15

    You may also be interested in PrimeReact. It is design agnostic and provides themes for material, bootstrap, tailwind and many others.

  • argon-design-system

    Argon - Design System for Bootstrap 4 by Creative Tim

  • cayman-theme

    A responsive theme for GitHub Pages

  • ungrid

    ungrid - the simplest responsive css grid

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • django-admin-interface

    :mage::zap: django's default admin interface made customizable. popup windows replaced by modals.

    Project mention: What do you think of Django Admin? | reddit.com/r/django | 2022-02-23

    When I started to use django more than 10 years ago, I was really happy for the admin, immediately after I felt the necessity to customise (re-brand) it for each client, so I looked for available packages and my conclusion was that all admin replacements in the end become hard to maintain, have many issues open and are abandoned, so I ended up writing my own solution that does exactly what I needed: customise the interface using the admin itself. Many years later my solution still works and have few issues open, I use it on a daily basis on different projects and many other users use it. This package is publicly available on GitHub/PyPi: django-admin-interface (I’m the author, any feedback is appreciated).

  • hugo-theme-hello-friend

    Pretty basic theme for Hugo that covers all of the essentials. All you have to do is start typing!

    Project mention: Fifty of 2022's most popular Hugo themes | dev.to | 2022-05-20

    Download hello-friend theme for Hugo

  • waffle-grid

    An easy to use flexbox grid system.

  • agnosticui

    AgnosticUI is a set of UI primitives that start their lives in clean HTML and CSS. These standards compliant components are then copied to our framework implementations in: React, Vue 3, Angular, and Svelte.

    Project mention: 15 UI Component Libraries for Vue 3 in 2022 | dev.to | 2022-03-15

    AgnosticUI (100 stars on GitHub) Disclaimer: I'm the author! AgnosticUI is a set of UI primitives that start their lives in clean HTML and CSS. These standards compliant components are then copied to our framework implementations in: React, Vue, Angular, and Svelte.

  • kube

    Kube is a professional and a responsive Hugo theme for developers and designers that offers a documentation section mixed with a landing page and a blog. (by jeblister)

    Project mention: Twelve Amazing Free Hugo Documentation Themes | dev.to | 2022-05-16

    Download Kube Kube demo site Minimum Hugo version: 0.84.1 GitHub stars: 367 License: MIT

  • dot-hugo

    Dot - Hugo Documentation Theme

    Project mention: Twelve Amazing Free Hugo Documentation Themes | dev.to | 2022-05-16

    Download Dot Dot demo site ​​​​​Minimum Hugo version: 0.64 GitHub stars: 219 License: MIT

  • PotatoCSS

    🥔 Simple CSS framework for hackers. Simple as potato.

  • lynx

    A simple links theme for Hugo built with Tailwind CSS. (by jpanther)

    Project mention: Build your Personal Brand with a Profile Page using GitHub Pages and Hugo | dev.to | 2022-02-12

    Website Theme - Lynx

  • responsive-css-grid

    A super-lightweight, responsive, 8-column grid based on box-sizing

  • rocket-propel

    A lightweight SASS mixin library and responsive CSS layout engine. (by chrishumboldt)

  • fluid-table

    A tiny library to create responsive HTML tables

  • i-Cut

    :hammer: 个人技术栈

  • recipe-page-html-css

    This is a simple responsive web page built in HTML and CSS.

    Project mention: Boilerplates for websites/app building | dev.to | 2021-06-26

    1.Navbar:This is the basic component which every application will have.Then first learn how to make one basic navbar. It will have atleast a brand logo and list of menus for navigating to different pages.Use CSS-Flexbox or CSS-Grid to align it properly.To make it responsive you can make toggle bar using JavaScript or align the items in center row-wise for smaller devices. Here is the example of my application which you can refer to. Example:Github Repository Link

  • Fitness

    Fitness – is an html template for gym, fitness or health club. It is cross browser compatible, uses free fonts so your website typography will look exactly as you intend it.

    Project mention: Fitness website with HTML CSS | dev.to | 2022-02-03

    View on GitHub

  • headphone

    Headphone – Single Product Shop HTML CSS Theme is an elegantly designed and versatile Product theme that gives you smartly optimized page layouts and sections so you can easily create a stunning Product store for a single product. It incorporates a clean and modern design to give your website a professional look in little to no time.

    Project mention: Headphone responsive landing page with HTML CSS | dev.to | 2022-01-15

    View on GitHub

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-05-20.

CSS Responsive related posts


What are some of the best open-source Responsive projects in CSS? This list will help you:

Project Stars
1 tachyons 11,157
2 grunt-email-workflow 3,018
3 rfs 2,952
4 primereact 2,745
5 argon-design-system 2,349
6 cayman-theme 1,464
7 ungrid 1,289
8 django-admin-interface 1,107
9 hugo-theme-hello-friend 834
10 waffle-grid 607
11 agnosticui 379
12 kube 367
13 dot-hugo 222
14 PotatoCSS 49
15 lynx 47
16 responsive-css-grid 45
17 rocket-propel 44
18 fluid-table 23
19 i-Cut 18
20 recipe-page-html-css 4
21 Fitness 0
22 headphone 0
Find remote jobs at our new job board 99remotejobs.com. There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.