css.gg
msn-weather-app-clone
css.gg | msn-weather-app-clone | |
---|---|---|
19 | 1 | |
9,555 | 1 | |
- | - | |
4.0 | 0.0 | |
11 days ago | about 3 years ago | |
SCSS | CSS | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
css.gg
-
Free Icons for your reactjs and web applications
6. css.gg
-
29 Websites For Free Icon Sets
css.gg - A library of more than 500 minimalistic CSS icons, which are customizable and retina-ready.
-
10 FREE SVG Icon Libraries For Front-End Developers
700+ CSS Icons: Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled components, Figma, and Adobe XD. Easy integration: Embed, NPM & API.
-
70 Free Resources For Web Designers and Developers
23. css icons
-
Good News!!! Catagories...
// Define and ADD custom CSS const customCSS = ` hr { background-color: #ccc !important; } a.menu-link i { margin-right: 16px; } `; const style = document.createElement("style"); style.type = "text/css"; style.appendChild(document.createTextNode(customCSS)); head.appendChild(style); // Define separator const separator = document.createElement("hr"); separator.setAttribute("width", "80%"); separator.setAttribute("color", "white"); separator.setAttribute("background-color", "white"); separator.setAttribute("height", "1px"); separator.setAttribute("visible", "true"); //Adding links MENU_LINKS.forEach((link) => { if (link.name === "separator") { // Adding separator menuContainer.appendChild(separator.cloneNode()); } else { // Adding link // Manage icon (automatically import if start with gg-*** from https://css.gg) let icon = ""; if (link.icon.startsWith("gg-")) { icon = ``; const ggName = link.icon.replace("gg-", ""); // Inject css in the head const cssLink = document.createElement("link"); cssLink.type = "text/css"; cssLink.rel = "stylesheet"; cssLink.href = `https://css.gg/${ggName}.css`; head.appendChild(cssLink); } else { icon = ``; } // Create link const linkNode = linkTemplate.cloneNode(); linkNode.setAttribute("href", link.url); linkNode.setAttribute("routerLink", link.url); linkNode.setAttribute("target", (link.target || "_self")); linkNode.innerHTML = icon + " " + link.name; // Add link to the menu menuContainer.appendChild(linkNode); } });
- 25 CSS Tools/Resources That You Should Bookmark
-
Web Development Resources series! Part -2
👉 css.gg
- How can I make icons like these using HTML, CSS?
- Fontawesome alternatives
- CSS.GG - 2.0 - 700 UI Icons in CSS, SVG & Figma
msn-weather-app-clone
-
[Task] Create a One Page Responsive Website in HTML,CSS and JS
MSN Weather Clone
What are some alternatives?
tailwind-figma - FlowBite is a free and open-source set of UI components and pages in Figma built for Tailwind CSS
Javascript-weather-app - A simple weather web application using Html, Css, Javascript, Weathermap Api
feather - Simply beautiful open-source icons
pixel-weather - A pixelated weather widget for your desktop
Google Fonts - Font files available from Google Fonts, and a public issue tracker for all things Google Fonts
clock-weather-card - A Home Assistant Card indicating today's date/time, along with an iOS inspired weather forecast for the next days with animated icons
heroicons-ui
google-maps-military-mission-editor - Plan a battle using Google Maps.
genshin-api-tutorial - Repo to accompany the tutorial series for Web Dev Newbies
temps-lite - A smart, good-looking little app which tries to speak your language the way you are used to.
readme.so - An online drag-and-drop editor to easily build READMEs
techui-toolkit - TechUI-Toolkit is a convenient tool library formed by extracting some components and functions from the TechUI core library.