Search Results for "html css code tester tool"
Sort By:
Showing 43 open source projects for "html css code tester tool"
View related business solutions-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
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
Screenshot to Code
A neural network that transforms a design mock-up into static websites
Screenshot-to-code is a tool or prototype that attempts to convert UI screenshots (e.g., of mobile or web UIs) into code representations, likely generating layouts, HTML, CSS, or markup from image inputs. It is part of a research/proof-of-concept domain in UI automation and image-to-UI code generation. Mapping visual design to code constructs. Code/UI layout (HTML, CSS, or markup). -
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
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. -
4
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. -
Stop vibe-debugging.AppSignal's MCP server hands Claude, Cursor, or Zed your real errors, traces, and the deploy that shipped them. AI writes the fix; you review the diff.
-
5
Markdown to PDF
Hackable CLI tool for converting Markdown files to PDF using Node.js
A simple and hackable CLI tool for converting markdown to pdf. It uses Marked to convert markdown to HTML and Puppeteer (headless Chromium) to further convert the HTML to PDF. It also uses highlight.js for code highlighting. The whole source code of this tool is only ~250 lines of JS ~500 lines of Typescript and ~100 lines of CSS, so it is easy to clone and customize. -
6
draw-a-ui
Draw wireframe sketches and generate HTML with AI vision models
draw-a-ui is an experimental open source application that converts hand-drawn interface wireframes into working HTML code using artificial intelligence. draw-a-ui combines the tldraw canvas drawing tool with a vision-capable language model to interpret user-created mockups and translate them into a single HTML layout styled with Tailwind CSS. When a user sketches a UI on the canvas, the application captures the current drawing as SVG, converts it into a PNG image, and sends that image to a vision model that generates the corresponding markup. ... -
7
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. -
8
stylelint
A linter that helps you avoid errors and enforce conventions
stylelint understands the latest CSS syntax including custom properties and level 4 selectors. Extracts embedded styles from HTML, markdown and CSS-in-JS object & template literals. Parses CSS-like syntaxes like SCSS, Sass, Less and SugarSS. Has over 170 built-in rules to catch errors, apply limits and enforce stylistic conventions. Supports plugins so you can create your own rules or make use of plugins written by the community. Automatically fixes the majority of stylistic violations. Itis... -
9
Metro 4
Impressive component library for expressive web development
Create your site quickly and effectively with Metro 4. Metro 4 is a free open-source impressive components library built on html, css, javascript. Using Metro 4 is very easy, you don't even need to know javascript to make fully functional websites that interact with the user. Metro 4 is an open source project. You can access to full source code on the GitHub and get Metro 4 with free license. Metro 4 is accessible in various ways. You can get Metro 4 from NPM, Nuget, GitHub, and GitLab.... -
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.
-
10
bfxr
Flash + AIR sound effects generator. Based on Sfxr.
The bfxr project by increpare is a sound-effects generator tool originally built using Flash + AIR, based on the earlier Sfxr project. Its purpose is to enable users, especially game developers and sound designers, to quickly generate retro, 8-bit/“chiptune” style sound effects (“bleeps”, “booms”, “zaps”, etc.) without deep knowledge of audio signal processing. It offers an interactive GUI through which you can tweak many parameters (oscillators, envelopes, filters, etc.) to sculpt custom... -
11
Parcel
The zero configuration build tool for the web
Parcel combines a great out-of-the-box development experience with a scalable architecture that can take your project from just getting started to a massive production application. Parcel starts with a great development experience, from starting a new project to iterating and debugging, and shipping to production. No more fiddling with configuration, or spending hours to keep up with best practices – it just works! Parcel supports many languages and file types out of the box, from web... -
12
Qwen3-VL
Qwen3-VL, the multimodal large language model series by Alibaba Cloud
Qwen3-VL is the latest multimodal large language model series from Alibaba Cloud’s Qwen team, designed to integrate advanced vision and language understanding. It represents a major upgrade in the Qwen lineup, with stronger text generation, deeper visual reasoning, and expanded multimodal comprehension. The model supports dense and Mixture-of-Experts (MoE) architectures, making it scalable from edge devices to cloud deployments, and is available in both instruction-tuned and... -
13
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... -
14
happyx
Macro-oriented full-stack web framework
In HappyX you can write single page, static site generation and server side rendering applications 💡 You can write Rest API with HappyX also 🔌 HappyX is very simple to use. Keep your peace of mind 🙂 -
15
BJH OS
An Operating System Created In Html CSS And JS By Muhammad Haris.
💻 BJH OS Assalam O Alaikum! 👋 I’m Muhammad Haris, Developer of BJH OS 🌐💡 — a web-based OS built with pure HTML, CSS & JS. Enjoy draggable windows, built-in apps, a web terminal, Flash Browser, AI assistant, and persistent data via localStorage. 🚀 Highlights Custom desktop environment & smoother UI Modular architecture Built-in apps & BJH OS Apps Market Remote alerts & updates Secure login & developer tools 🛒 BJH OS Apps Market Features Browse apps/games App details: icon,... -
16
DocWire SDK
Award-winning modern data processing SDK in C++20
DocWire SDK, a standout C++20AI driven data processing tool, has received award from SourceForge and strong backing from Microsoft. It handles nearly 100 file types, empowering efficient text extraction, web data extraction, and document analysis. For businesses, the shift to DocWire SDK signifies a leap forward. It promises comprehensive document format support and the ability to extract valuable insights from email boxes, databases, and websites using cutting-edge AI. DocWire SDK aims to... -
17
Plot
A DSL for writing type-safe HTML, XML and RSS in Swift
Welcome to Plot, a domain-specific language (DSL) for writing type-safe HTML, XML and RSS in Swift. It can be used to build websites, documents and feeds, as a templating tool, or as a renderer for higher-level components and tools. It’s primary focus is on static site generation and Swift-based web development. Plot enables you to write HTML using native, fully compiled Swift code, by modeling the HTML5 standard’s various elements as Swift APIs. -
18
Recursive Sans & Mono
Recursive Mono & Sans is a variable font family for code & UI
Recursive Sans & Mono is a variable type family built for better code & UI. It is inspired by casual script signpainting, but designed primarily to meet the needs of programming environments and application interfaces. In programming, “recursion” is when a function calls itself, using its own output as an input to yield powerful results. Recursive Mono was used as a tool to help build itself: it was used to write Python scripts to automate type production work and to generate specimen images, and it was used in HTML, CSS, and JS to create web-based proofs & prototypes. ... -
19
Cryogen
A simple static site generator written in Clojure
Shipped as a template on Leiningen, a Clojure build tool. No need to configure databases, it just works out of the box. Clear separation between your content and layouts makes for fuss-free customization. CSS and JavaScript can be easily added. Don't worry about linking up your posts or managing your sitemap and RSS feeds, Cryogen does it all. Cryogen is a simple static site generator built with Clojure. It's shipped on Leiningen so setup is fuss free and there's no need to mess with... -
20
Tailwindo
Convert Bootstrap CSS code to Tailwind CSS code
This tool can convert Your CSS framework (currently Bootstrap) classes in HTML/PHP (any of your choice) files to equivalent Tailwind CSS classes. Made to be easy to add more CSS frameworks in the future (currently Bootstrap). Can convert single files/code snippets/folders. Can extract changes to a separate CSS file as Tailwind components and keep old classes names. -
21
FUSUMA
Fusuma makes slides with Markdown easily
A tool to create slides easily. Code syntax highlight, MathJax, diagrams, and flowcharts. All results for lighthouses are perfect. Full support for SEO and OGP. Customizable JavaScript and CSS. A sidebar with an agenda and more features. Init Mode, for creating a slide, style, configuration file and GitHub actions that deploy slides to gh-pages automatically. -
22
lazysizes
High performance and SEO friendly lazy loader for images
High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration. It may become also your number one tool to integrate responsive images. It can automatically calculate the sizes attribute for your responsive images, it allows you to share media queries for your media attributes with your CSS, helping to separate layout (CSS) from... -
23
Pixel Art to CSS
Pixel art animation and drawing web app powered by React
Pixel Art to CSS is an online editor that helps you with that task. Combining the power of both box-shadow and keyframes CSS properties, you will get CSS code ready to use on your site. Furthermore, you can download your work in different formats such as static images, animated GIFs or sprite-like images. Pixel Art to CSS aims to be an intuitive tool by its simplicity, however, it is equipped with a wide range of features: customize your color palette, go back and forth in time, modify... -
24
Browser diet
The definitive front-end performance guide
Browser diet is a community-driven front-end performance guide presented as a fun, colorful website that explains how to make web pages faster and “lighter.” It collects advice from experienced front-end developers and organizes it into practical sections covering HTML, CSS, JavaScript, images, server configuration, and general best practices. The project was built as a static site powered by DocPad, with content written in Markdown and translated into multiple languages, making it... -
25
Reportico PHP Reporting Tool. Runs against MySQL, PostgreSQL, Informix, Oracle, SQLServer and SQLite - design reports, create report menus, configure criteria, graphs, grouping, drill-down, output in HTML, PDF, & CSV, expression handling, look and feel through CSS, data transformation.
