Top 22 CSS Responsive Projects
-
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!
-
It basically generates tailwind classes based on RFS https://github.com/twbs/rfs
-
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.
-
-
-
-
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.
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!
Download hello-friend theme for Hugo
-
-
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.
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)
Download Kube Kube demo site Minimum Hugo version: 0.84.1 GitHub stars: 367 License: MIT
-
Download Dot Dot demo site Minimum Hugo version: 0.64 GitHub stars: 219 License: MIT
-
-
Project mention: Build your Personal Brand with a Profile Page using GitHub Pages and Hugo | dev.to | 2022-02-12
Website Theme - Lynx
-
-
-
-
-
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.
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.
View on GitHub
CSS Responsive related posts
- Help me select a UI Component Library to Build a Dynamic React App
- Is MaterialUI the best layout kit?
- React libraries marketplace
- Would you recommend Headless Components?
- PrimeReact v8 is out with 80+ Open Source UI Components, 30+ Themes and 250+ Blocks
- Is Atlassian's UI library Atlaskit any good?
- Tailwind and Fluid Typography
Index
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 |
Are you hiring? Post a new remote job listing for free.