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/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/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/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/pavliukpetro/motion-css

The library of CSS3 animation

animation css css3-animations motion-css

Last synced: 01 Nov 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/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/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/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/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/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/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/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/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/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/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/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/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/tree-sitter/tree-sitter-css

CSS grammar for Tree-sitter

css parser tree-sitter

Last synced: 07 Oct 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/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/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/madyankin/postcss-modules-example

How to use postcss-modules plugin

css example gulp modules postcss

Last synced: 17 Oct 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/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/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/jantimon/css-variable

Define CSSVariables in JS

css javascript

Last synced: 26 Oct 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/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/shhdharmen/keyboard-css

Show off your keyboard shortcuts with style ๐Ÿฆ„.

css kbd keyboard sass scss

Last synced: 30 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: 28 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/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/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/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/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/ahsankhan26/personal-portfolio

Portfolio website made using HTML, CSS, JS and Bootstrap.

bootstrap css html javascript portfolio portfolio-website

Last synced: 26 Oct 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/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/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/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/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/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/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/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/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/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/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/thomaspark/scoper

A polyfill for scoped HTML styles elements

css polyfill scoped scoper style

Last synced: 27 Oct 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/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/elementui/theme-default

Element default theme

css element-ui vue

Last synced: 14 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

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/wuxianqiang/front-end-essence

ๅ‰็ซฏ็ฒพ้ซ“

css html javascript vue

Last synced: 16 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/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/nominalaeon/guides

A miscellania of how-to's, references, and style guides for stuff I'm into.

css fonts grunt html javascript sublime-text

Last synced: 07 Aug 2024

https://github.com/cesarolvr/murphyjs-lib

A simple way to implement scroll based reveal animations in your pages: https://cesarolvr.github.io/murphyjs/index.html

animation css intersection-observer motion scroll-events smooth-scrolling webanimation-api

Last synced: 06 Nov 2024

https://github.com/dragonir/zelda-map

zelda-map ๅกžๅฐ”่พพ๏ผšๆ—ท้‡Žไน‹ๆฏๅœฐๅ›พ ๐Ÿ—บ

css games html javascript maps

Last synced: 13 Nov 2024

https://github.com/gao-sun/animator.js

Effortlessly make CSS animations.

animation css js

Last synced: 01 Nov 2024

https://github.com/exogen/react-overflow-indicator

Detect overflow and render shadows, fades, arrows, etc.

css overflow react scrollable scrolling

Last synced: 26 Oct 2024

https://github.com/bjarneo/cessie

Transpile your CSS bundle to support CSS variables, calc, and future CSS for legacy browsers.

css ie11 less postcss preprocessor sass scss transpiler

Last synced: 10 Nov 2024

https://github.com/grkek/haki

Build native apps using GTK4 and a dialect of HTML, declarative format allows you to create advanced structures with ease.

codegen css gtk gtk4 gui html js native native-gui transpiler ui

Last synced: 02 Nov 2024

https://github.com/ignaciodenuevo/personal-goals

List of books I've read, projects I've done, videos I've seen, articles I've read or podcasts I've listened to.

a11y books css css-architecture css3 flexbox grid-layout html javascript multi-column performance personal-projects refactoring sass sass-architecture svg typography ux webdesign webperformance

Last synced: 08 Nov 2024

https://github.com/daniruiz/flat-remix-css

A lightweight CSS library that provides a set of predesigned elements useful for rapid web development. It follows a modern flat design using a colorful palette with some shadows, highlights, and gradients for some depth.

css design flat lightweight material-design no-javascript

Last synced: 09 Nov 2024

https://github.com/sleepyqadir/TechFolio

An Open Sourced Creative Portfolio for Developer and Tech Geeks ๐Ÿ˜€

animation css graphql infinite-scroll portfolio portfolio-site portfolio-template react

Last synced: 08 Nov 2024

https://github.com/ahmadalfy/frontend-notes

An attempt to document what's happening on the client-side

browsers css frontend html javascript

Last synced: 14 Aug 2024

https://github.com/sleepyqadir/techfolio

An Open Sourced Creative Portfolio for Developer and Tech Geeks ๐Ÿ˜€

animation css graphql infinite-scroll portfolio portfolio-site portfolio-template react

Last synced: 06 Nov 2024

https://github.com/qlik-oss/leonardo-ui

Web UI component library with the Qlik Sense look and feel.

blackduck css html javascript leonardo-ui qlik

Last synced: 06 Nov 2024

https://github.com/takamoso/cluestack

A list of awesome front-end tools.

awesome awesome-lists css css3 html html5 javascript

Last synced: 15 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 zh_CN-Computer-Science-Curriculum-Front-End-Curriculum 119 self-taught-developer 47 awesome-web-styling 82 awesome-frontend-dev 140 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 Articles 145 Table of Contents 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