Search Results for "html css code tester"
Sort By:
54 projects for "html css code tester" with 2 filters applied:
-
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
Stop Cyber Threats with VM-Series Next-Gen Firewall on AzureGain integrated visibility across all traffic in a single pass. Deploy Palo Alto Networks VM-Series to determine application identity and content while automating security policy updates via rich APIs.
-
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
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. -
4
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. -
Earn up to 16% annual interest with Nexo.Put idle assets to work with competitive interest rates, borrow without selling, and trade with precision. All in one platform. Geographic restrictions, eligibility, and terms apply.
-
5
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. -
6
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... -
7
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. -
8
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. ... -
9
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. ... -
Error to trace to log to deploy. One click. No SSH.AppSignal links every error to the trace, the trace to the log, the log to the deploy that shipped it.
-
10
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. -
11
HyperUI
Free Tailwind CSS v4 components for your next project
HyperUI is a large, copy-and-paste library of Tailwind CSS components aimed at speeding up interface building without adding heavy JavaScript. It groups components by common product needs—navigation, hero sections, pricing, forms, cards, tables, and full e-commerce flows—so teams can assemble pages quickly from consistent building blocks. Each snippet is written as semantic HTML with Tailwind utility classes, making it easy to customize spacing, color, and typography through a project’s Tailwind config. ... -
12
Docco
Literate Programming can be Quick and Dirty
Docco is a documentation generator by Jeremy Ashkenas that embraces the literate-programming style: it takes your source code and produces annotated HTML documentation that shows your comments side-by-side with your code. The idea is to read code like a book — commentary on one side, code on the other — which helps reviewers and learners understand intent and implementation simultaneously. It supports many languages (via configuration) and is intentionally quick and dirty, prioritizing... -
13
Vexip UI
Vue 3 UI library, highly customizability, full TypeScript, performance
Highly customizability, full TypeScript, performance pretty good. This library is using base on vue 3.0 with using composition api, and design and code components in the traditional way by Vue possible, fully TypeScript. Almost all the default value of props for each component can be quickly modified by configuration, for easy customization. And, the writing of component codes pays great attention to lowering the threshold of source code reading, and the style of code is as close to the... -
14
ToolJet
Extensible low-code framework for building business applications
...Build complicated frontends without any experience in React, CSS or event HTML. Drag and drop 35+ in-built UI components to build even complicated frontends. Adding new components, resizing them, adjusting position, changing colors etc can be done using the visual app editor. Customize the component with in-built properties and styles without using a single line of code. Viewer for verifying current properties of components, queries and global states of applications. ... -
15
Neiki's Code Editor
Lightweight embeddable code editor Web Component with syntax highlighting, themes, line numbers, search, minimap and fullscreen mode.
...Designed for flexibility and performance, it uses Shadow DOM for style isolation and supports multiple languages including JavaScript, HTML, CSS, JSON, and Markdown. It is fully customizable through attributes, CSS variables, and a simple JavaScript API, making it suitable for documentation, demos, and embedded development tools. -
16
Google Style Guides
Style guides for Google-originated open source projects
Google Styleguide is a comprehensive collection of coding style guides created and maintained by Google to ensure consistency, readability, and maintainability across its vast array of software projects. These guides define best practices and conventions for writing code in multiple programming languages, from C++ and Python to JavaScript, Go, and Swift. By adhering to these standards, developers can more easily collaborate, review code, and maintain high-quality software across teams and... -
17
Nordcraft
Packages that are used internally by the Nordcraft engine
Nordcraft is an open source Web Development Engine that combines visual design tools, a reactive front-end framework, server-side rendering, and full programming capabilities in a unified platform aimed at streamlining modern web app creation. It offers a visual editor that lets designers and developers collaborate closely, making it possible to build, preview, and modify interfaces without constantly switching between code and browser views. The engine supports versioning, reactive signals,... -
18
Surface
A server-side rendering component library for Phoenix
Surface is a component-based UI library for Phoenix LiveView that brings a declarative, template-driven approach to building interactive interfaces. Inspired by frameworks like React, it introduces components with typed properties, slots, and macros to simplify complex UIs. Developers can create reusable, encapsulated components that integrate seamlessly with LiveView’s server-rendered real-time model. Surface emphasizes readability, making templates feel closer to HTML while retaining... -
19
Polyglot Formatter
Multi-language code formatter with automatic language detection
Polyglot Formatter is a lightweight browser-based code beautifier that automatically detects and formats HTML, CSS, JavaScript, PHP, and JSON. Designed for developers, it provides instant code cleanup and readability improvements without requiring a server, build process, or account. Everything runs locally in the browser for maximum privacy and convenience. The formatter supports mixed-language files, nested code blocks, configurable indentation, line wrapping, syntax highlighting, and post-format validation. ... -
20
Vanilla Web Projects
Mini projects built with HTML5, CSS & JavaScript
vanillawebprojects is a collection of small, hands-on web apps built with only HTML, CSS, and plain JavaScript to teach core front-end skills without frameworks. Each project targets a concrete concept—DOM manipulation, events, localStorage, fetch, form validation, audio/video APIs, and more—so learners see ideas applied in working code. The codebases are intentionally compact and readable, making them easy to clone, tweak, and extend. -
21
myScite
The allRound pocket sized CodeEditor.
.... -- Features -- - Full MinGW and GTK SDKs Autocomplete.(190+) - Do system scripting (bash, applescript, cmd, powershell, perl, j/vbscript, awk) - Examine all sorts of data files (sql, regedit, mib, xml, yaml, json, vcard ...) - Review difference and patch files - Create makefiles (gnu make / cmake) - Edit html, css and config files (with calltips) - Describe circuits in vhdl and spice. ... - And finally; read & write source code: - [ Syntax highlighted ] - go, vala, pike, swift, flash, ch, rust - [ Calltip assisted ] - c/cpp11, js&jQuery, python, php, ruby, lua, c#, java, perl --Others-- - Restructured config files with inline docs - Scriptable via lua Extension... -
22
React Demos
A collection of simple demos of React.js
This repository is a curated collection of small, focused React examples intended to illustrate core concepts through runnable code. Each demo isolates a single idea—such as component composition, state and props, lifecycle hooks, or event handling—so learners can see cause and effect without framework noise. The code favors clarity over abstraction, making it easy to copy, tweak, and compare different approaches to the same problem. Many examples are deliberately minimal, showing just enough HTML, CSS, and JavaScript to highlight the React pattern being taught. ... -
23
HTML Quiz Application With Timer & Point
An Easy to Edit HTML, CSS & JAVASCRIPT QUIZ - For Students & Teachers
Just Download & Extract the Above Zip File provided, then edit the script.js file with a good text / code editor like Sublime Text ( Check Google ) & then save the changes & then view the index.html file on the internet browser. That's all. This is a Browser Based, Cross Platform, Supporting all Operating Systems, Easy Application. If needed, you can change the value of the Timer from 15 seconds to any other value, by Searching & Replacing all occurences of 15 in index.html & script.js... -
24
WideW - WebIDEWeb
Web IDE in single HTML file
IDE written in a single HTML file that runs on the browser tab. There is no need to install, download a single file and run anywhere. To change the initial configuration, edit the widew.html file in the last lines. * Widew use CodeMirror components in code editor. URLs: https://soluc.org/widew https://widew.sourceforge.io -
25
Advanced CSS Course
Starter files, final projects and FAQ for my Advanced CSS course
...It also includes downloadable course slides, making it easier to follow the theory portions alongside the hands-on projects. The code is meant for learning rather than production reuse, but it provides clear examples of how advanced CSS concepts are applied in real interfaces. It is best suited for students who already know basic HTML and CSS and want to move into polished, professional frontend styling.