Search Results for "html css code tester"
Sort By:
Showing 143 open source projects for "html css code tester"
View related business solutions-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
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
This repository provides a set of hands-on CSS exercises that accompany the HTML and CSS modules in The Odin Project curriculum. The tasks are designed to be completed at specific points in the course, reinforcing each concept right after it is introduced. Learners are encouraged to use documentation and external resources freely, reflecting real-world workflows rather than rote memorization. Each exercise focuses on practical styling problems, from selectors and specificity to layout...
-
3
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. -
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. -
Host LLMs in Production With On-Demand GPUsDeploy your model, get an endpoint, pay only for compute time. No GPU provisioning or infrastructure management required.
-
5
htmx
Hgh power tools for HTML
htmx gives you access to AJAX, CSS Transitions, WebSockets and Server-Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext. htmx is small (~14k min.gz’d), dependency-free, extendable & has reduced code base sizes by 67% when compared with react. -
6
Answer me with HTML
An agent skill that answers hard questions with a one-page HTML
Answer me with HTML is an Agent Skill that converts complex AI answers into polished single-page visual explainers. Instead of asking the model to manually write complete HTML, CSS, and SVG, it has the model produce a concise Markdown draft. A bundled CLI then handles layout, styling, diagrams, dark mode, and page generation automatically. The output is a standalone HTML file that can be read offline and shared without a hosting service. -
7
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. -
8
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. -
9
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. -
Demo Series - Small Business Backup By VeeamWatch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
-
10
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. ... -
11
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. ... -
12
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. -
13
JS-Beautify
Beautifier for javascript
js-beautify is a command-line and Python-based tool that beautifies and formats JavaScript, HTML, and CSS code. It helps improve code readability by enforcing consistent indentation and style rules. Widely used in development workflows and CI pipelines, it supports customization through config files and can process both single files and entire projects. -
14
Acode
A powerful text/code editor for Android
Welcome to Acode Editor, a powerful and versatile code editing tool designed specifically for Android devices. Whether you're working on HTML, CSS, JavaScript, or other programming languages, Acode empowers you to code on-the-go with confidence. Step into the future of coding with our innovative plugin system. This all-new feature is compatible with a wide range of plugins, increasing Acode's functionality to meet all your development needs. -
15
TACHYONS
Functional CSS for humans
...Documentation helps promote reusability and shared knowledge. CSS shouldn't impede accessibility or the default functionality of HTML. You should send the smallest possible amount of code to the user. Usable across projects. Growing open source component library. Works well with plain HTML, React, Ember, Angular, Rails and more. Infinitely nestable responsive grid system. Built with PostCSS. Optimized for maximum gzip compression. -
16
marko
A declarative, HTML-based language that makes building web apps fun
A declarative, HTML-based language that makes building web apps fun. If you know HTML, CSS, and Javascript, you know Marko. Streaming, partial hydration, an optimizing compiler, & a small runtime. Start with simple HTML templates and add powerful components as needed. Marko is powering high-traffic websites like ebay.com. Marko is HTML re-imagined as a language for building dynamic and reactive user interfaces. -
17
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.). -
18
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). -
19
Sigma's Web Development Course
Source Code for Sigma Web Development Course
Sigma Web Development Course is the source-code repository for a Hindi-language web development training series. It is structured around individual video lessons so learners can follow the code demonstrated throughout the accompanying course. The material is intended for beginners as well as intermediate developers who want to strengthen their web development skills. Core subjects include HTML, CSS, JavaScript, front-end development, back-end development, and database integration. ... -
20
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... -
21
MDN Learning Area
GitHub repo for the MDN Learning Area
learning-area is the official GitHub repository for the MDN Web Docs Learning Area, a collection of educational resources designed to teach core web development technologies. It contains the code examples referenced throughout MDN’s tutorials and articles, covering topics such as HTML, CSS, JavaScript, and web APIs. Each directory in the repository mirrors the module structure of the MDN Learning Area, allowing learners to follow along easily as they read through corresponding lessons. The examples are written to be simple, instructive, and directly aligned with MDN’s documentation, making it an ideal hands-on companion for web development education. ... -
22
100 proyectos de JavaScript
100 JavaScript projects with code and videos for free
...The projects cover a variety of small apps and UI experiments, such as swipe interactions, classic games, typing tests, and more, focusing on vanilla JavaScript with HTML and CSS to reinforce core skills. The contribution section invites the community to fork the repo, implement or improve projects, and open pull requests, turning the collection into a collaborative learning space. -
23
Complete Intro to Web Dev v3
The Complete Intro to Web Dev v3, as taught on Frontend Masters
Complete Intro to Web Dev v3 is the course repository for Brian Holt’s beginner web development class on Frontend Masters. It is designed for learners with little or no coding experience. The lessons introduce HTML for page structure, CSS for visual design, and JavaScript for interactive behavior. Students practice browser tools, editors, debugging, responsive layouts, and common development workflows. The material builds toward creating a complete web application rather than isolated syntax exercises. The repository also contains the Next.js-based course website, reusable lesson content, code examples, and supporting assets. ... -
24
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. ... -
25
Cordova iOS
Apache Cordova iOS
Cordova iOS is an iOS application library that allows for Cordova-based projects to be built for the iOS Platform. Cordova-based applications are, at the core, applications written with web technology: HTML, CSS and JavaScript. Cordova command-line runs on Node.js and is available on NPM. Follow platform-specific guides to install additional platform dependencies. Create a blank Cordova project using the command-line tool. Navigate to the directory where you wish to create your project....
