Search Results for "html css code tester"
Sort By:
Showing 145 open source projects for "html css code tester"
View related business solutions-
$300 Free Credits for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
Your monitoring isn't a stack. It's a pile. Fix that.Replace Datadog, New Relic, and Sentry without adding three more dashboards.
-
1
CSS Inspiration
Curated collection of interesting, creative, or inspiring CSS effects
CSS-Inspiration is a living gallery of modern CSS effects and components that highlights what’s possible with pure CSS and minimal markup. The collection ranges from micro-interactions and loaders to 3D transforms, complex backgrounds, hover states, and text effects, each presented as a small, self-contained demo. Source code is front and center, encouraging developers to study, copy, and tweak snippets for their own projects. Many examples lean on contemporary features—custom properties,... -
2
CSS Grid Generator
Generate basic CSS Grid code to make dynamic layouts
...Once the layout is arranged, the tool generates the corresponding HTML and CSS you can copy into your project—thus bridging the gap between design and code. The interface supports drag-and-drop of “divs” into grid cells, and you can experiment with grid gaps, spans and layout refinements in real time. Because it removes the barrier of hand-writing complex grid-template or grid-area definitions, it’s particularly useful for designers who are less comfortable with CSS or want rapid prototyping of grid layouts. -
3
Bootstrap
HTML, CSS and JS framework for developing responsive websites and apps
Bootstrap is an HTML, CSS, and JS framework designed for developing responsive, mobile first projects on the web. It's one of the most popular front-end frameworks and for good reason: it simply makes web development faster and easier. People of all skill levels can create projects of all sizes with Bootstrap, and for all types of devices too. With Bootstrap, you get a host of nifty features such as precompiled CSS, impressive scalability, dozens of custom HTML and CSS components and more. -
4
Phoenix Code Editor
Phoenix is a modern open-source Code Editor for the web
Phoenix is a modern open-source and free software code editor for the web, built for the browser. -
Earn up to 16% annual interest with Nexo.Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
-
5
Vanilla Framework
From community websites to web applications, this CSS framework
Backed by open-source code and written in Sass by the Canonical Web Team. Vanilla contains a responsive CSS grid, basic style for HTML elements and a selection of key useful patterns and utility classes that you can extend. Designed to be composable, you can include the whole framework to avail of all styles or you can use only what you need for your project. -
6
Tacit
CSS framework for dummies, without a single CSS class
...Tacit's goal is to be super simple and always with the same look-and-feel. If you want something more custom, like a different theme, feel free to make it on top of Tacit. You should not use any CSS classes to make your HTML code look nice. Just make sure it is HTML5 compliant and you'll be fine. -
7
interactive-examples
Home of the MDN live code editor interactive examples
Home of the MDN interactive code examples. The dynamically generated pages, their dependencies, and assets are generated to the prod branch. -
8
OEditorX
Online EditorX
OEditorx is an open-source project - A user-friendly online editor tailored for HTML, CSS, and JavaScript. This editor is designed to empower you to write and immediately test your front code. It allows you to experiment with various styles, layouts, and interactive elements in real-time, all through an intuitive interface. Whether you are in the process of creating a website, prototyping an application, or simply exploring the potential of these technologies, our editor serves as the ideal tool to bring your creative ideas to fruition. -
9
UIkit
Lightweight modular front-end framework for developing web interfaces
A lightweight and modular front-end framework for developing fast and powerful web interfaces. UIkit will work on pretty much any modern browser. Using UIkit works best if you have a solid code editor, for example Sublime Text or Atom. To be even more efficient, we recommend that you install one of the autocomplete plugins for your favorite IDE or code editor. This saves a lot of time, as you won't have to look up and type all UIkit classes and markup. To use UIkit's CSS and JavaScript, include the files in your own HTML and then create the markup of any of the components. ... -
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
10
Electron
Build cross-platform desktop apps with JavaScript, HTML, and CSS
Electron is an open-source framework that uses Node.js runtime and the Chromium web browser thereby allowing you to build apps with JavaScript, HTML, and CSS. It is compatible with Mac, Windows and Linux and comes with convenient features such as automatic updates, app crash reporting, debugging and profiling and more. It takes care of the hard parts so you can focus on the core of your app. Initially developed for the Atom editor, Electron is now the framework of choice for dozens of popular desktop apps including Microsoft's Visual Studio Code. -
11
AngleSharp
The ultimate angle brackets parser library parsing HTML5, MathML, SVG
AngleSharp follows the W3C specifications and gives you the same results as state of the art browsers. Besides the official API AngleSharp adds some useful extension methods on top. This makes working with the DOM convenient. AngleSharp integrates everything you need to explore and mutate the DOM tree. Node retrieval is straight forward by using powerful CSS query selectors. The CSS queries in AngleSharp are super fast and very simple to use. AngleSharp respects the relationship of HTML with... -
12
LaTeX.CSS
LaTeX.css is a library that makes your website look like a LaTeX doc
This almost class-less CSS library turns your HTML document into a website that looks like a LATEX document. Write semantic HTML, and you are good to go. The source code can be found on GitHub. LaTeX.css is a minimal, almost class-less CSS library that makes any website look like a LaTeX document. Add any optional classes to elements with special styles (author subtitle, abstract, lemmas, theorems, etc.). -
13
tabler icons
1950 free MIT-licensed high-quality SVG icons
...Free and open-source icons designed to make your website or app attractive, visually consistent, and simply beautiful. Each icon is designed on a 24x24 grid and a 2px stroke. All icons are built with SVG, so you can place them as <img>, background-image and inline in HTML code. If you load an icon as an image, you can modify its size using CSS. You can paste the content of the icon file into your HTML code to display it on the page. Import the icon and render it in your component. You can adjust SVG properties through React props. Angular components are available through the angular-tabler-icons package. ... -
14
prettierd
Prettier, as a daemon, for improved formatting speed.
Prettier, as a daemon, for improved formatting speed. Many parsers ship with prettierd, including JavaScript, TypeScript, GraphQL, CSS, HTML and YAML. Please notice that starting with version 0.12.0, prettierd now supports invoking the local version of prettier, so instead of adding new languages to prettierd, you should rely on that feature to use it locally with your custom version of prettier and enabled plugins. -
15
massCode
A free and open source code snippets manager for developers
...It's great for classroom use, team meetings, conferences or simply reviewing notes on your own. You can not only collect snippets but also see the rendering result for HTML and CSS in real-time. Test the idea or just view the result. -
16
H2O Wave
Realtime Web Apps and Dashboards for Python and R
No HTML, CSS, Javascript skills are required. Build rich, interactive web apps using pure Python. Broadcast live information, visualizations, and graphics using Wave's low-latency real-time server. Instant control over every connected web browser using a simple and intuitive programming model. Preview your app live as you code. Dramatically reduce the time and effort to build web apps. -
17
NiceGUI
Create web-based user interfaces with Python
NiceGUI is a Python-based UI framework that enables developers to create interactive web applications using only Python code. It abstracts away the complexities of HTML, CSS, and JavaScript, allowing for rapid development of web interfaces directly from Python scripts. NiceGUI is suitable for building dashboards, control panels, and other web-based tools, especially in contexts like robotics and data visualization. -
18
Lexbor
Lexbor is development of an open source HTML Renderer library
Lexbor is the development of a web browser engine available as a software library; it ships with a free license and has no extra dependencies. For us, speed is an absolute must-have. In our development process, we focus on fastest parsing techniques for HTML, CSS, and fonts, fastest data processing methods, and fastest ways to serve content to end users. Whether you are building a backend that handles millions of HTML documents or a UI-heavy user app, your software’s response rate always matters to users and developers alike. Lexbor’s code is optimized for ease of access in end-user applications and across programming languages. ... -
19
Bootstrap Table
Extended table to integration with some of the most widely used CSS
Include Bootstrap Table source CSS and JavaScript files via npm or yarn. When you only need to include Bootstrap Table’s compiled CSS or JS, use UNPKG. Download Bootstrap Table to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, bowser, and more. Install and manage Bootstrap table’s CSS, JavaScript, locales, and extensions using npm. Install and manage Bootstrap table’s CSS, JavaScript, locales, and extensions using bower. Be sure... -
20
Prettier
Opinionated Code Formatter
...Simply press save and your code is formatted. Prettier supports several languages including JavaScript, TypeScript, JSON, CSS, HTML and more. It also integrates with most editors (Atom, Visual Studio, Vim, Espresso and more). -
21
layui
Classic modular front-end UI framework
Created by professional front-end, for full-level front-end and back-end developers, a low-threshold, out-of-the-box front-end UI solution. Layui (homonym: UI-like) is a front-end UI framework written with its own module specifications, following the writing and organization of native HTML/CSS/JS, with a very low threshold and ready to use. Its exterior is minimalist, but it does not lose its fullness. The volume is light and the components are abundant. Every detail from the core code to the API has been carefully crafted, which is very suitable for the rapid development of the interface. The first version of layui was released in the golden autumn of 2016. ... -
22
Bulma
Modern CSS framework based on Flexbox
Bulma is a free and open source, modern CSS framework based on Flexbox. It is a collection of CSS classes, with the end result being a single .css file. Because of this, you can write the HTML code you want and it would have no impact on the styling of your page. It has no JavaScript included, and can be considered “environment agnostic”, as it offers just a style layer over the logic. -
23
a11y.css
This CSS file intends to warn developers about possible risks
This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet. When activating the stylesheet, a tip should appear beside each incriminated elements, displaying what’s going on. This file is not a replacement to a complete tool such as aXe, Tanaguru or Tenon. -
24
Front-End Performance Checklist
The only Front-End Performance Checklist that runs faster
...It frames performance as a front-end responsibility and turns broad principles into concrete, verifiable checks you can apply before shipping. The checklist is organized by areas such as HTML, CSS, JavaScript, fonts, images, and network delivery, so teams can tackle bottlenecks systematically. Each section emphasizes practical outcomes like cutting render-blocking resources, optimizing critical path CSS, and leveraging modern compression and caching. The project is designed to be used in code reviews and pre-launch audits, making it easy to institutionalize performance culture across teams. ... -
25
Mavo
Create web applications entirely by writing HTML and CSS
Create complex, reactive, persistent web applications by just writing HTML & CSS, without a single line of JavaScript and no server backend. Developed in the Haystack Group at MIT CSAIL and led by Lea Verou. Mavo extends the syntax of HTML to describe Web applications that manage, store, and transform data. Store data in the cloud, locally, or not at all by just changing an HTML attribute. Edit data right on the website, with an intuitive, auto-generated, customizable interface. ...