Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

CSS

Cascading Style Sheets (CSS) is a language used most often to style and improve upon the appearance of websites. It allows for the separation of presentation and content, and includes the characteristics of layouts, colors and fonts. CSS builds upon HTML to make webpages more interactive and appealing to the user.

https://github.com/hyy1115/Front-end-course

前端知识学习汇总

css css3 es6 html html5 javascript

Last synced: 31 Oct 2024

https://github.com/indooorsman/esbuild-css-modules-plugin

A esbuild plugin to bundle css modules into js(x)/ts(x)

css css-modules esbuild esbuild-plugin lightningcss

Last synced: 14 Oct 2024

https://github.com/thekashey/stylelint-semantic-groups

Opinionated rule ordering

css stylelint-order

Last synced: 17 Nov 2024

https://github.com/ProjectEvergreen/greenwood

Greenwood is your full-stack workbench for the web, focused on supporting modern web standards and development to help you create your next project.

css esm hacktoberfest html jamstack javascript lit nodejs ssg ssr webcomponents

Last synced: 04 Aug 2024

https://github.com/codrops/DraggableImageStrip

A draggable image strip layout with a content preview powered by Draggabilly and TweenMax.

css draggable gsap html-template javascript tweenmax

Last synced: 04 Aug 2024

https://github.com/nitin42/glamorous-primitives

💄 style primitive React interfaces with glamorous

css css-in-js cssinjs glamor glamorous glamorous-native js react react-native style stylesheet

Last synced: 27 Oct 2024

https://github.com/azouaoui-med/css-pro-layout

CSS library for building responsive and customizable layouts

css layout less npm page-layout scss

Last synced: 15 Nov 2024

https://github.com/hnzycfcfed/styled-px2vw

Extension of styled-components with features for convert px to vw units

css css-in-js frontend px-to-vw px2vw react styled-components styled-px2vw

Last synced: 15 Nov 2024

https://github.com/vasfed/csso-rails

CSS Optimizer(csso) ruby wrapper for Rails Asset pipeline

asset-pipeline compression css csso optimization rails rails-asset-pipeline

Last synced: 13 Nov 2024

https://github.com/2nthony/vercel-toast

💬 Framework-agnostic vercel design's toast component (≈1KB Gzipped)

css framework-agnostic lightweight message popup toast vercel widget zeit

Last synced: 15 Nov 2024

https://github.com/5t3ph/html-sass-jumpstart

Minimal Sass/HTML Template Site - dart sass powered, includes stylelint and prettier, and autoprefix upon build. develop script includes hot-reload via browsersync.

autoprefixer browsersync css html node-sass sass sass-boilerplate stylelint

Last synced: 15 Oct 2024

https://github.com/WOLFRIEND/skeleton-mammoth

Skeleton Mammoth - a powerful CSS library designed to enhance user experience by displaying UI skeleton loaders, also known as placeholders. It allows you to simulate the layout or elements of a website while data is being loaded in the background.

css frontend javascript library loaders placeholder skeleton web

Last synced: 13 Aug 2024

https://github.com/readium/readium-css

🌈 A set of reference stylesheets for EPUB Reading Systems, starting with Readium Mobile

css ebook-reader epub epub-reader epub3

Last synced: 11 Nov 2024

https://github.com/vectorized/aris

Aris - A fast and powerful tool to write HTML in JS easily. Includes syntax highlighting, templates, SVG, CSS autofixing, debugger support and more...

angular babel css css-in-js css-prefixer css-preprocessor css3 frontend html-css-javascript html-parser html-template html5 jquery js js-framework jsx lodash react svg syntax-highlighting

Last synced: 01 Nov 2024

https://github.com/adessoSE/wicked-charts

Beautiful and interactive javascript charts for Java-based web applications.

charts css html java javascript wicked-charts

Last synced: 13 Nov 2024

https://github.com/hsnaydd/buttono

A flexible Sass mixin for creating BEM-style buttons.

bem button css front-end frontend mixins sass sass-mixins scss scss-mixins

Last synced: 13 Nov 2024

https://github.com/pavliukpetro/motion-css

The library of CSS3 animation

animation css css3-animations motion-css

Last synced: 01 Nov 2024

https://github.com/Vectorized/Aris

Aris - A fast and powerful tool to write HTML in JS easily. Includes syntax highlighting, templates, SVG, CSS autofixing, debugger support and more...

angular babel css css-in-js css-prefixer css-preprocessor css3 frontend html-css-javascript html-parser html-template html5 jquery js js-framework jsx lodash react svg syntax-highlighting

Last synced: 28 Oct 2024

https://github.com/Kholid060/inspect-css

The easiest way to inspect and edit CSS

css inspect vue

Last synced: 08 Nov 2024

https://github.com/stylishthemes/overlay-scrollbars

🎨 An overlay scrollbar customizable theme for Firefox and Chrome based browsers

css firefox google-chrome stylus

Last synced: 13 Oct 2024

https://github.com/StylishThemes/Overlay-Scrollbars

🎨 An overlay scrollbar customizable theme for Firefox and Chrome based browsers

css firefox google-chrome stylus

Last synced: 01 Nov 2024

https://github.com/braydentw/react-emoji-search

🦄 A simple emoji search tool made with ReactJS.

css emoji-search hacktoberfest hacktoberfest2021 html javascript js react reactjs search

Last synced: 10 Nov 2024

https://github.com/ossphilippines/nuxtwind-daisy

Nuxtwind Daisy is a starter template project for Nuxt.js 3 + Tailwind CSS + Daisy UI with additional installed setup for custom font, icons, animation, and more.

css daisyui nuxt starte-kit starter-project starter-template tailwind template

Last synced: 12 Nov 2024

https://github.com/radlikewhoa/bookmarklets

bookmarklets is a curated list of, you guessed it, bookmarklets that are useful on the web.

bookmarklet bower css gulp js node web

Last synced: 08 Nov 2024

https://github.com/raphamorim/react-motions

Compose React Animations using High-Order Functions or Components

animate animation art css css3 motions react recompose

Last synced: 01 Nov 2024

https://github.com/keithclark/cssvr

CSSVR is an experiment that simulates browser support for creating VR experiences using media queries and CSS transforms.

css vr

Last synced: 28 Oct 2024

https://github.com/maykbrito/fronteditor

It's a simple html code runner https://gracious-dijkstra-c585c3.netlify.app/

code css html interpreter javascript runner

Last synced: 11 Nov 2024

https://github.com/RadLikeWhoa/bookmarklets

bookmarklets is a curated list of, you guessed it, bookmarklets that are useful on the web.

bookmarklet bower css gulp js node web

Last synced: 01 Nov 2024

https://github.com/pixelrocket-shop/alpine-html-bootstrap

Alpine is a responsive Bootstrap 5 Ecommerce template with a "Ken Burns" effect on the homepage slideshow, angled banners, and a custom image hotspot banner with popout product cards.

bootstrap bootstrap-5 bootstrap-5-template bootstrap-theme css ecommerce ecommerce-template free free-bootstrap-fashion-template free-bootstrap-template free-ecommerce-template free-ecommerce-theme html html5 javascript sass template website

Last synced: 11 Oct 2024

https://github.com/shovoalways/shovoalways

I love to solve real-world problems. I am strategic, goal-oriented, and always work with an end goal in mind.

bootstrap css html javascript php wordpress wordpress-development

Last synced: 10 Oct 2024

https://github.com/tree-sitter/tree-sitter-css

CSS grammar for Tree-sitter

css parser tree-sitter

Last synced: 07 Oct 2024

https://github.com/andywer/react-usestyles

🖍 Style components using React hooks. Abstracts the styling library away.

css css-in-js jss react react-hooks

Last synced: 14 Nov 2024

https://github.com/javierbyte/depth-of-field

Depth of field with layered masks proof of concept.

css

Last synced: 18 Nov 2024

https://github.com/jantimon/css-variable

Define CSSVariables in JS

css javascript

Last synced: 17 Nov 2024

https://github.com/jonschlinkert/vertical-rhythm

Put some typographical vertical rhythm in your CSS. LESS, Stylus and SCSS/SASS versions included.

alignment css less sass scss styles stylesheet stylus text typography vertical-rhythm

Last synced: 01 Nov 2024

https://github.com/uwekeim/zetahtmleditcontrol

A small wrapper class around the Windows Forms 2.0 WebBrowser control.

c-sharp clipboard css dotnet editor html html-editor webbrowser winforms wrapper

Last synced: 07 Nov 2024

https://github.com/johnuberbacher/invoice-generator

An Invoice creator project built with React. Uses jspdf-react to capture the data from the modal and convert it from canvas -> pdf.

bootstrap css css3 html html5 invoice javascript javascript-project jspdf pdf pdf-generation react react-bootstrap react-project reactjs

Last synced: 15 Nov 2024

https://github.com/madyankin/postcss-modules-example

How to use postcss-modules plugin

css example gulp modules postcss

Last synced: 17 Oct 2024

https://github.com/kirang89/cleanify

Cleans/Beautifies html, js and css files in your project

clean-code css html javascript python

Last synced: 07 Nov 2024

https://github.com/zgreen/postcss-critical-css

PostCSS plugin to define and output critical CSS using custom atRules, and/or custom CSS properties. Critical CSS may be output to one or more files, as defined within the plugin options or within the CSS.

critical-css css postcss postcss-critical-css postcss-plugin

Last synced: 14 Nov 2024

https://github.com/soulhotel/FF-ULTIMA

Native Vertical Tabs, keep your sidebar, no extensions needed. No overthinking. a 100% CSS Theme. FF Ultima.

css firefox-theme userchrome vertical-tabs

Last synced: 30 Oct 2024

https://github.com/gianlucajahn/react-ecommerce-store

An e-commerce store, imitating a Game Store, built with React. Includes dedicated game pages, a search functionality, genre and rating filters, a like feature and a wishlist. Responsive to the bone and tested with Jest.

css ecommerce framermotion git jest reactjs shoppingcart

Last synced: 27 Oct 2024

https://github.com/innovaccer/design-system

Masala Design System (MDS) is an open-source design system built at Innovaccer. Figma file : https://www.figma.com/community/file/974368355920553546/masala-design-system-web-guidelines

bem component-library components css css-variable design-system hacktoberfest hacktoberfest2024 innovaccer javascript react typescript ui ui-components

Last synced: 31 Oct 2024

https://github.com/shhdharmen/keyboard-css

Show off your keyboard shortcuts with style 🦄.

css kbd keyboard sass scss

Last synced: 30 Oct 2024

https://github.com/amandeepmittal/gatsby-bulma-quickstart

🚀 + ⚛️ A Quick Way to bootstrap your next Gatsby + Bulma site.

bulma css css3 gatsby gatsby-starter gatsby-starter-kit reactjs

Last synced: 01 Oct 2024

https://github.com/aleksi44/snoweb-svg

SVG library optimized and animated built in HTML and CSS.

css django html sass svg svg-animations wagtail

Last synced: 18 Nov 2024

https://github.com/royalbhati/cssplit

CSS splitter that takes your big css file and splits into component specific css files

css css-tool css3 go golang

Last synced: 28 Oct 2024

https://github.com/javierbyte/morphin

Create pixel art interpolations from your own sprites and embed them in your website with only CSS.

animation css css-art design-tool image-morphing-animations pixelart

Last synced: 09 Nov 2024

https://github.com/filipsobol/sonda

Universal visualizer and analyzer for JavaScript and CSS bundles. Works with Vite, Rollup, webpack, Rspack, and esbuild.

analyzer bundler css esbuild javascript rollup rspack source-maps visualizer vite webpack

Last synced: 13 Nov 2024

https://github.com/kaloslazo/habu

🐨 Habu it's a minimalistic startpage made with the essence of neovim dashboard with the catppuccin mocha palette. Fully customizable and easy to setup.

catppuccin-theme chrome css dashboard firefox firefox-theme firefox-tweaks homepage newtab open-source self-hosted startpage startup-page tab tailwind userchrome

Last synced: 13 Nov 2024

https://github.com/airmime/minstyle.io

👌 A simple CSS Framework, including dark mode.

css css-framework dark-theme design framework framework-css html minstyle scss-files simple

Last synced: 15 Nov 2024

https://github.com/taritsyn/libsasshost

.NET wrapper around the LibSass library with the ability to support a virtual file system.

css dotnet libsass sass scss

Last synced: 14 Nov 2024

https://github.com/fdaciuk/strclass

A ~200b library to apply CSS classes as strings from objects

classname classnames css hacktoberfest react reactjs strclass

Last synced: 27 Oct 2024

https://github.com/stormynight9/clerk-shadcn-theme

Easily synchronize your Clerk components with your shadcn/ui styles.

clerk css shadcn

Last synced: 04 Aug 2024

https://github.com/longlho/ts-transform-css-modules

Extract css class names from required css module files for TypeScript

ast compiler css css-modules transform typescript

Last synced: 14 Oct 2024

https://github.com/rorycombe/faviconbar

A favicon based favourites bar for Safari

css favicon favourites html javascript safari-extension

Last synced: 01 Nov 2024

https://github.com/olimsaidov/pixeden-stroke-7-icon

A series of iOS 7 inspired vector icons in a custom @font-face icon font that can be styled dynamically using CSS.

css font-face font-icon icon-font icon-pack pixeden vector-icons

Last synced: 14 Nov 2024

https://github.com/Taritsyn/LibSassHost

.NET wrapper around the LibSass library with the ability to support a virtual file system.

css dotnet libsass sass scss

Last synced: 27 Oct 2024

https://github.com/oleq/syncope

A vertical rhythm tool for developers and designers.

css sass typography vertical-rhythm

Last synced: 21 Oct 2024

https://github.com/adi518/vue-breakpoint

😸 A renderless Vue.js component for composing CSS breakpoints

breakpoint component css vue

Last synced: 28 Oct 2024

https://github.com/rameshaditya/ducky

Chrome extension to overlay a (super adorable) rubber duck, as a virtual companion during rubber duck debugging.

chrome chrome-extension codepen css css3 debug debugging debugging-tool development duck github html html5 javascript productivity reddit rubber-ducky stackoverflow

Last synced: 09 Nov 2024

https://github.com/alexflipnote/modesta

🎨 A clean CSS framework made to be dark, responsive and easy to build with.

clean css easy-to-use flat framework hacktoberfest modern modestacss scss

Last synced: 12 Nov 2024

https://github.com/0xvashishth/calchub

🚀 A curated collection of calculators for various aspects of mathematics. Anyone with a little understanding of web development may design a unique calculator and make a pull.

bootstrap calculators canva collaborate css ghdesktop github github-campus-experts github-pages hacktoberfest hacktoberfest-accepted html icons8 javascript namecheap open-source tech

Last synced: 17 Nov 2024

https://github.com/pgaskin/kobopatch

An improved patching system for Kobo eReaders.

arm assembly css disassembly elf ereader firmware kobo kobopatch patch patcher plt thumb zlib

Last synced: 01 Nov 2024

https://github.com/RameshAditya/ducky

Chrome extension to overlay a (super adorable) rubber duck, as a virtual companion during rubber duck debugging.

chrome chrome-extension codepen css css3 debug debugging debugging-tool development duck github html html5 javascript productivity reddit rubber-ducky stackoverflow

Last synced: 10 Aug 2024

https://github.com/JDilleen/datatables-bulma

DataTables styling for the Bulma CSS framework

bulma bulma-css css datatables datatables-plugin javascript jquery

Last synced: 04 Nov 2024

https://github.com/matrixages/atom.css

:kissing_closed_eyes: A atom-style library of CSS atomic elements. To build app faster and more flexible.

atom css css-atomic-elements flex flexbox flexible

Last synced: 07 Nov 2024

https://github.com/pat-s/xaringan-metropolis

Metropolis theme of R package xaringan

css metropolis r remark rmarkdown theme xaringan

Last synced: 27 Oct 2024

https://github.com/jdilleen/datatables-bulma

DataTables styling for the Bulma CSS framework

bulma bulma-css css datatables datatables-plugin javascript jquery

Last synced: 14 Oct 2024

https://github.com/thomaspark/scoper

A polyfill for scoped HTML styles elements

css polyfill scoped scoper style

Last synced: 27 Oct 2024

https://github.com/dirkster99/numericupdownlib

Implements numeric up down WPF controls to edit/display values (byte, integer, short, ushort etc.) with a textbox and optional up/down arrow (repeat) buttons. Value editing is possible by dragging the mouse vertically/horizontally, clicking up/down buttons, using up/down or left right cursor keys, spinning mousewheel on mouseover, or editing the textbox.

control css dark-theme dotnet library light light-theme mouse-drag-mode nuget-package numeric numericupdown repeat theme themes theming ui ui-components updown wpf-controls

Last synced: 07 Nov 2024

https://github.com/alphavio/wordnook

Dynamically updating blogging website to upload articles and blog posts on various topics, developed using ejs template engine and node js in the backend.

css ejs expressjs hacktoberfest heroku html mongoose nodejs

Last synced: 28 Sep 2024

https://github.com/metaperl/pure-python-web-development

Avoid the CSS/JS/HTML soup - develop web apps entirely in Python

css html javascript python webapp

Last synced: 14 Nov 2024

https://github.com/mtrajk/virus-spreading

Simple virus spreading simulation tool made with plain/vanilla JavaScript

canvas coronavirus covid-19 css javascript simulation vanilla-javascript virus-spreading

Last synced: 17 Nov 2024

https://github.com/elementui/theme-default

Element default theme

css element-ui vue

Last synced: 14 Nov 2024

https://github.com/wikitongues/poly

Open source, modern software to share and learn every language in the world.

css cultural-heritage javascript language non-profit open-source rails react ruby social-justice web

Last synced: 04 Nov 2024

https://github.com/solidzoro/mkn

A Simple SSR Scaffolding for React Projects w/ Next.js and Typescript.

antd css css-modules less modules nextjs

Last synced: 14 Oct 2024

CSS Awesome Lists
Front-End-Checklist 157 Front-End-Performance-Checklist 174 awesome-tailwindcss 265 spark-joy 286 awesome-css-frameworks 244 awesome-learning-resources 495 awesome-css 208 channels 255 Awesome-JavaScript-Interviews 332 awesome-css-learning 44 frontendDaily 195 knowledge 569 awesome-sass 116 awesome-made-by-brazilians 172 awesome-spinners 50 awesome-flexbox 127 awesome-design-systems 102 awesome-joplin 64 awesome_computer_science 116 awesome-bulma 142 awesome-bitrix 132 expert-css 111 awesome-frontend-dev 140 zh_CN-Computer-Science-Curriculum-Front-End-Curriculum 119 self-taught-developer 47 awesome-web-styling 82 fe-awesome-demos 73 awesome-gradient 67 awesome-web-development 341 discord-resources 62 awesome-webdev-resources 640 resources-for-web-developers 118 awesome-milligram 61 awesome-frontend 120 Awesome-CSS-Resources 234 awesome-css-art 69 templates 45 awesome-less 155 awesome-mdbootstrap 70 awesome-programming-tutorials 45 awesome-notes 68 JavaScript-Guide 385 awesome-web-graphics 102 awesome-resources 62 awesome-frontend-resources 103 awesome-sources 37 awesome-frontend 71 awesome-project-ideas 59 awesome-css-only 51 resources 119
CSS Categories
Uncategorized 983 [最新推文](https://weixin.qdkfweb.cn/) 459 Javascript 356 Frameworks / Resources 235 Design systems 234 [#JavaScript](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAxODE4MTEzMA==&action=getalbum&album_id=1867487930202554375#wechat_redirect) 213 Notes 190 Stalled Development 180 Tools 154 JavaScript 150 Table of Contents 145 Articles 145 System-Design related topics-Some very useful articles 141 English 138 目录介绍(由易入难) 135 General Purpose 134 SEO 129 Design tokens 126 Typography 124 [前端日报](https://github.com/kujian/frontendDaily/issues) 110