Top 23 CSS Open-Source Projects
Built-with Bootstrap 5 most popular front-end framework in developer community. So, you will have more flexibility and freedom while using these components or developing a site.
Microsoft owns Github. Github maintains Electron. Microsoft are moving Teams to use WebView2, sharing a single Chromium instance for all apps, reducing memory usage, which is the most common complaint for Electron.
This architecture has been obvious to everyone for a long time. Every Electron app could essentially be a webpage but with enhanced native API access.
Electron's future seems bleak. ESM support hasn't materialized (https://github.com/electron/electron/issues/21457). WebView2 will not be available on macOS until late 2022 [it seems](https://github.com/MicrosoftEdge/WebView2Feedback/issues/645#issuecomment-921551618).
Seems we are in one of these awkward transition periods, where you are forced to start a project on technology that you know will be deprecated in the near future sigh.
Anyone have insight/predictions?
🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.Project mention: Turning a React app into a PWA with offline detection, service workers and theming. | dev.to | 2021-10-13
Next, we're making it a bit more shiny with animation! I've used animate.css to make the bubble slide in and out of the screen. It provides us some animation classnames we can use.
The iconic SVG, font, and CSS toolkitProject mention: React Authentication with Twitter, Google, Facebook and Github | dev.to | 2021-10-11
The state of the user is used to selectively render either their social profile if it exists or the appropriate login button so the user can login. Using font awesome and some CSS we create authentic buttons using the provider prop as a className.
🗂 The perfect Front-End Checklist for modern websites and meticulous developersProject mention: 12 Awesome GitHub Repos Developers will Love in 2021 | dev.to | 2021-08-24
Have you ever asked yourself what you need to have or test in your web application before launching it? The Front-End Checklist repository has you covered. The Front-End Checklist is an exhaustive list of all elements you need to have/to test before launching your website/HTML page to production. The table of contents includes:
A professional front-end template for building fast, robust, and adaptable web apps or sites.Project mention: 10 GitHub Repository every Web Developer should Know | dev.to | 2021-09-29
Link to the Repo
A utility-first CSS framework for rapid UI development.Project mention: Melhor forma de deixar o site responsivo? | reddit.com/r/brdev | 2021-10-16
Eu gosto muito do TailwindCSS.
Run Linux Software Faster and Safer than Linux with Unikernels.
A modern alternative to CSS resetsProject mention: Bootstrap and Css | reddit.com/r/web_design | 2021-10-15
Look at https://necolas.github.io/normalize.css/ and understand what problem that solved.
Modern CSS framework based on FlexboxProject mention: Styling frameworks ? | reddit.com/r/codeigniter | 2021-10-10
There are a lot of CSS frameworks. Example: https://bulma.io/
Prettier is an opinionated code formatter.Project mention: Refactoring and Git Rebase | dev.to | 2021-10-15
To practice, I worked on refactoring my dodo-SSG project in a new branch that I called refactoring. I started by fixing the code format from previous contributions using prettier. I then changed the code to get rid of global variables. To do that, I had to split up some code into separate smaller functions. At each of these steps, I created a new commit to make sure I could easily go back to the previous version if anything broke (And things broke a lot while doing this!).
You can use SVG Morphing to do that. There are many libraries that offer that feature, one of them is (https://animejs.com/) [anime js].
The zero configuration build tool for the web. 📦🚀Project mention: Bundle a React library with Parcel | dev.to | 2021-10-17
Checkout the Parcel website (Its pretty cool!) - Parcel
Materialize, a CSS Framework based on Material DesignProject mention: Code-in-Public: discussion of business reasons to enter saturated market | reddit.com/r/u_A_Sherminator | 2021-10-13
A terminal built on web technologiesProject mention: Frost glass terminal in linux? | reddit.com/r/commandline | 2021-10-15
It looks like hyper, https://hyper.is/.
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅Project mention: Build an Embeddable Widget using Preact and the Shadow DOM | dev.to | 2021-10-13
As our application grew, managing our styles became cumbersome and our team wanted to find another solution. At CompanyCam, our designers enjoy designing our products with styled-components. With styled-components, a generated stylesheet is injected at the end of the head of the document. Due to our Shadow DOM layer, this won't work without some configuration.
⚡️ Front End interview preparation materials for busy engineersProject mention: Is there a cracking the coding interview book but solely for front end stuff? | reddit.com/r/webdev | 2021-10-05
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.Project mention: 5 GitHub repositories that can help you in writing better CSS code | dev.to | 2021-09-26
Transforming styles with JS pluginsProject mention: Those of you who have built your own personal website or blog, what tech stacks do you use? | reddit.com/r/webdev | 2021-10-12
For my last two personal websites I used Svelte (not Sapper or SvelteKit), married up with Page.js for client-side routing and Tailwind (+ PostCSS) for styling stuff. The sites are hosted from AWS S3 buckets with CloudFront for the CMS stuff. And because these projects are entirely personal I've not had to do a lot of worrying about the toolchain: both codebases are in git repositories; testing (when I bother) is manual; building/deployment are handled using various shell scripts.
Tabler is free and open-source HTML Dashboard UI Kit built on BootstrapProject mention: Ask HN: Any Good Alternatives to Tabler | news.ycombinator.com | 2021-10-09
Tabler (https://github.com/tabler/tabler) seems to have gone Semantic. Do you guys any goods alternatives for this otherwise amazing FE library?
A high quality UI Toolkit built on Vue.js 2.0Project mention: New and Noteworthy Vue.js Open Source Projects. Part 1 | dev.to | 2021-01-21
Website: https://iviewui.com/ GitHub: https://github.com/iview/iview GitHub Stars: 22.8k
A set of small, responsive CSS modules that you can use in every web project.Project mention: 3 Sites that make CSS easy! | dev.to | 2021-10-08
Bootstrap 5 & Material Design 2.0 UI KITProject mention: What is this layout called? | reddit.com/r/webdev | 2021-08-03
It seems "Chips" usually come with icons/images whereas "Tags" are simply made of text, according to Material Design Bootstrap | Github here
What are some of the best open-source CSS projects? This list will help you:
Are you hiring? Post a new remote job listing for free.