Search Results for "css html notepad"
Sort By:
Showing 399 open source projects for "css html notepad"
View related business solutions-
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
1
7.css
A JS-independent, tree-shakeable CSS framework
7.css is a CSS framework for building interface components that look like Windows 7. It is built on top of the GUI backbone of XP.css, which is an extension of 98.css. This framework relies on the usage of semantic HTML. To make a button, you'll need to use a button. Input elements require labels. Tabs rely on the role="tab" attribute. -
2
Tailwind CSS
A utility-first CSS framework for rapid UI development
Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. Utility classes help you work within the constraints of a system instead of littering your stylesheets with arbitrary values. They make it easy to be consistent with color choices, spacing, typography, shadows, and everything else that makes up a well-engineered design system. ... -
3
html-ppt
AgentSkill with 24 themes, 31 layouts, 20+ animations
...It integrates well with AI workflows, allowing automated generation of presentations from prompts or documents. The approach emphasizes flexibility, enabling customization through standard web technologies like HTML and CSS. It is particularly useful for developers and creators who prefer programmable presentation pipelines. Overall, it bridges the gap between web development and presentation design. -
4
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.
-
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.
-
5
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,... -
6
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. -
7
Critical
Extract & Inline Critical-path CSS in HTML pages
Critical extracts & inlines critical-path (above-the-fold) CSS from HTML. Generate and inline critical-path CSS. Generate critical-path CSS. Generate and minify critical-path CSS. Generate, minify and inline critical-path CSS. Generate and return output via callback. Generate and return output via promise. When your site is adaptive and you want to deliver critical CSS for multiple screen resolutions this is a useful option. note, (your final output will be minified as to eliminate duplicate rule inclusion). ... -
8
Pokémon Cards CSS
Collection of advanced CSS styles to create realistic-looking effects
pokemon-cards-css is a CSS-driven styling framework that lets web developers render Pokémon card visuals purely in HTML and CSS. It defines layouts, frames, typography, and image placeholders to mimic the look of real Pokémon trading cards, enabling users to create “virtual cards” with custom content. Because the design is built into CSS, cards respond to responsive constraints and adjust nicely across devices. -
9
Juice
Juice inlines CSS stylesheets into your HTML source
Given HTML, juice will inline your CSS properties into the style attribute. Juice has a number of functions based on whether you want to process a file, HTML string, or a cheerio document, and whether you want the juice to automatically get remote stylesheets, scripts, and image dataURIs to inline. To inline HTML without getting remote resources, using default options. -
Secure File Transfer for Windows with Cerberus by RedwoodCerberus supports unlimited users and connections on a single IP, with built-in encryption, 2FA, and a browser-based web client — all deployable in under 15 minutes with a 25-day free trial.
-
10
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. -
11
sakura
A minimal CSS framework/theme
...Easy to customize and build on top of sakura. Sakura supports extremely easy theming support using variables for duotone color scheming. Comes with several existing themes, and can be found in the CSS folder of this repository. Don't want to develop using sakura, but instead want to use it on websites with outdated 90's design (i.e. no CSS)? Quick prototyping, especially when working on backend sites and can't yet be bothered to fidget with CSS/HTML. Building a quick (but pretty) site/blog for your best friend or aunt! No need to remember tons of different class names for every other CSS framework. ... -
12
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. -
13
Pico.css
Minimal CSS Framework for semantic HTML
Minimal CSS Framework for semantic HTML. Elegant styles for all native HTML elements without .classes and dark mode automatically enabled. Pico uses simple native HTML tags as much as possible. Less than 10 .classes are used in Pico. No dependencies, package manager, external files, or JavaScript. Elegant and consistent adaptive spacings and typography on all devices. -
14
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. -
15
98.js
Web-based Windows 98 desktop recreation
98 is a web-based recreation of the Windows 98 operating system that runs entirely in the browser, replicating the look, feel, and behavior of the classic desktop environment. Built using JavaScript, HTML, and CSS, it recreates core components such as the desktop, taskbar, file explorer, and system applications with remarkable attention to detail. The project includes functional versions of programs like Notepad, Calculator, Minesweeper, and even a simulated Internet Explorer, providing an interactive nostalgic experience. It uses a virtual filesystem to store user data and supports drag-and-drop functionality, enabling users to interact with files similarly to a real operating system. ... -
16
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.). -
17
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. Anyone can contribute to Vanilla, improve it and extend it. All the code is available on GitHub and is licensed under LGPLv3 by Canonical. -
18
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. -
19
webfonts-loader
Make an icon font from SVGs
A Webpack loader that generates fonts from your SVG icons and allows you to use your icons in your HTML. webfonts-loader uses the webfonts-generator plugin to create fonts in any format. It also generates CSS files so that you can use your icons directly in your HTML, using CSS classes. -
20
Oat UI
Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library
Oat is an ultra-lightweight front-end UI library designed to automatically style semantic HTML using minimal CSS and JavaScript with zero external dependencies. The project focuses on simplicity and performance, allowing developers to create clean, modern interfaces without relying on heavy frameworks or complex build systems. Oat works by applying sensible default styling directly to standard HTML elements, meaning developers can achieve polished layouts with little to no custom classes. ... -
21
Marpit
The skinny framework for creating slide deck from Markdown
Marpit /mɑːrpɪt/ is the skinny framework for creating slide deck from Markdown. It can transform Markdown and CSS theme(s) to slide deck composed of static HTML and CSS and create a web page convertible into slide PDF by printing. Marpit is designed to output minimum assets for the slide deck. You can use the bare assets as a logicless slide deck, but mainly we expect to integrate output with other tools and applications. -
22
Halfmoon
Front-end framework with a built-in dark mode
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools. Halfmoon is a responsive front-end framework that is great for building dashboards and tools. Built-in dark mode, full customizability using CSS variables (around 1,500 variables), optional JavaScript library (no jQuery), Bootstrap-like classes, and cross-browser compatibility (including IE11). Halfmoon comes with a built-in, toggleable dark mode, which is one... -
23
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... -
24
Marksheet
Free tutorial to learn HTML and CSS
MarkSheet is a beginner-friendly curriculum for learning HTML and CSS from first principles, organized as a readable online handbook. It explains core building blocks—elements, attributes, selectors, the box model, positioning—and connects them to the mental models needed for real layouts. The writing style aims to demystify jargon and teach a consistent vocabulary so learners can understand documentation and tutorials elsewhere. -
25
Marx
The classless CSS reset (perfect for Communists)
Marx is a CSS stylesheet to be used in any project (namely small ones). If you don't need the weight of heavy frameworks or you would just like to make an edible website quickly, Marx is perfect for you. It can be used out of the minified box but it can also be customized and styled through the use of HTML classes. Built atop of Sanitize.css, meaning all browsers render consistently.