With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more β
Top 23 CSS Open-Source Projects
-
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
Front-End-Checklist
π The perfect Front-End Checklist for modern websites and meticulous developers
-
html5-boilerplate
A professional front-end template for building fast, robust, and adaptable web apps or sites.
-
30-Days-Of-JavaScript
30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress π
-
novu
π₯ The open-source notification infrastructure with fully functional embedded notification center πππ
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
This article serves as your comprehensive guide to mastering the art of combining Bootstrap and React seamlessly. Dive in to uncover the tips, tricks, and best practices to elevate your UI design game effortlessly.
Project mention: 30-seconds-of-code: Short code snippets for all your development needs | news.ycombinator.com | 2023-12-25
The team at Electron have been faithfully shipping new releases almost every single month. I think they had Christmas off π€. This popular framework has developers writing cross-platform desktop applications using JavaScript, HTML and CSS. The latest update depreciates some process events, and added new modules, APIs, methods, and more. Read into all the changes in the Electron release notes. This month, Electron also introduced a new formal RFC process.
Project mention: Add basic animations to your site using Animate.css and wow.js | dev.to | 2024-04-16Animate.css
First, you need to make sure that you have a working Tailwind CSS projectβ¦
Project mention: 18 Must-Bookmark GitHub Repositories Every Developer Should Know | dev.to | 2024-02-12
the i element is the icon of the button, I'm using fontawesome.com for the icon, the class fa-apple retrives Apple icon for us.
Project mention: Is there some form of checklist when creating an optimal website? | /r/webdev | 2023-06-28Checklist
Download the HTML5 Boilerplate template from the official website (https://html5boilerplate.com/). You can choose to download the standard or the enhanced version, depending on your needs.
Project mention: What is cross-browser compatibility, and why should you care? | dev.to | 2024-03-29You can also consider using stylesheets like Normalize.css, Eric Mayer's CSS reset rules to establish a baseline layout across browsers.
Anime.js is celebrated for its simplicity, speed, and versatility. This compact library simplifies the animation process, enabling developers to craft visually striking animations with minimal effort. Anime.js supports a wide array of effects like scaling, morphing, and rotating, offering developers the tools to create complex timelines and animations with ease.
Tailwind is great, but creating everything from scratch is annoying. A nice base of components which can be extended with tailwind would be great. There are a few tailwind frameworks like Flowbite, Daisy Ui, but I like Bulma, PicoCSS and Bootstrap.
Project mention: To Review or Not to Review: The Debate on Mandatory Code Reviews | dev.to | 2024-04-24Automating code checks with static code analysis allows us to enforce code styling effectively. By integrating tools into our workflow, we can identify errors at an early stage, while coding instead of blocking us at the end. For instance, flake8 checks Python code for style and errors, eslint performs similar checks for JavaScript, and prettier automatically formats code to maintain consistency.
Homepage: https://parceljs.org/
I am using iTerm2 on my macOS. Other available options are Hyper and VS Codeβs inbuilt terminal, which I sometimes use for quick tests. You can open a terminal in VS Code by using the keyboard shortcut CMD + J or CTRL + J on Windows, or View β Terminal.
Project mention: Struggling to Learn React Or Any JavaScript Framework? Here are 7 Mistakes Holding Back (And What To Do Instead) πͺπ | dev.to | 2024-02-0430 Days of JS
CSS-in-JS is a styling technique wherein CSS is composed using JavaScript instead of defined in external files. This method allows CSS to be scoped locally to components rather than globally, reducing the probability of style conflicts. Utilizing JavaScript also enables dynamic styling easily aligned with the component's state or props. Libraries like Styled Components and Emotion are popular choices in the React ecosystem for adopting this method.
Project mention: Front-end Framework: Comparing Bootstrap, Foundation and Materialize | dev.to | 2024-04-16Materialize was created by a team of developers at Google, inspired by the principles of Material Design. Material Design is a design language developed by Google that emphasizes tactile surfaces, realistic lighting, and bold, graphic interfaces. Materialize aims to bring these principles to web development by providing a framework with ready-to-use components and styles based on Material Design.
During my search for deploying Lambdas via GitHub actions, I came across a tutorial that utilized ncc for converting TypeScript and bundling. While ncc is effective, I discovered esbuild, which proved to be significantly faster and perfectly suited to my requirements.
This is a bug, PR welcome !
https://github.com/tabler/tabler/issues/1648
I'll guide you on how to swiftly build an In-App Notification system for your next app using Novu and the Dev.to API. While it might not exactly resemble the system mentioned above, it'll have many similarities.
CSS related posts
- Preline UI + Gowebly CLI = β€οΈ
- Why donβt we talk about minifying CSS anymore?
- Customer service pages for e-commerce built with Tailwind CSS
- My Failed Student Housing App
- Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout β WebKit
- Show HN: Tailwind Nested VSCode Extension
- I switch from Eslint to Biome
-
A note from our sponsor - SurveyJS
surveyjs.io | 25 Apr 2024
Index
What are some of the best open-source CSS projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Bootstrap | 167,414 |
2 | 30-seconds-of-code | 119,033 |
3 | Electron | 111,866 |
4 | Web-Dev-For-Beginners | 81,453 |
5 | animate.css | 79,744 |
6 | Tailwind CSS | 78,370 |
7 | app-ideas | 74,915 |
8 | Font-Awesome | 72,999 |
9 | Front-End-Checklist | 67,407 |
10 | html5-boilerplate | 55,970 |
11 | normalize.css | 51,811 |
12 | anime.js | 48,686 |
13 | Bulma | 48,572 |
14 | prettier | 48,241 |
15 | parcel | 43,115 |
16 | hyperterm | 42,633 |
17 | 30-Days-Of-JavaScript | 40,920 |
18 | front-end-interview-handbook | 40,286 |
19 | styled-components | 40,061 |
20 | Materialize | 38,853 |
21 | esbuild | 37,249 |
22 | tabler | 36,952 |
23 | novu | 32,478 |
Sponsored