Search Results for "html css javascript project" - Page 9
Sort By:
Showing 555 open source projects for "html css javascript project"
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
penthouse
Generate critical CSS for your web pages
The critical path is the path to render a web page, what's needed before that can happen. CSS Stylesheets block rendering. Until the browser has requested, received, downloaded, and parsed your stylesheets, the page will remain blank. By reducing the amount of CSS the browser has to go through, and by inlining it on the page (removing the HTTP request), we can get the page to render much, much faster. You should minify the critical CSS, then inline it on your page (wrapped in <style> tags).... -
2
Win11 in React
Windows 11 in React
This open-source project is made in the hope to replicate the Windows 11 desktop experience on web, using standard web technologies like React, CSS (SCSS), and JS. Why not just waste a week of your life creating a React project, just to cover up your insecurities about how incompetent you are. Just why not! Win11React is designed to look like the Real Windows 11. Built from scratch using react. This is not a full operating system and It is also not affiliated by Microsoft in anyway. -
3
Awesome Bootstrap Checkbox
Font Awesome Bootstrap checkboxes & radios
Font Awesome Bootstrap Checkboxes & Radios plugin. Pure CSS way to make inputs look prettier. No Javascript! Free and open-source admin dashboard templates built with Bootstrap 4, React, Vue and Angular. Just include awesome-bootstrap-checkbox.css somewhere in your HTML, or add the equivalent files to your Sass / Less configuration. Next, everything is based on code convention. If you want to enable Opera 12 and earlier support just add class styled to the input element. ... -
4
Stitches
CSS-in-JS with near-zero runtime, SSR, multi-variant support
CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience. Stitches avoids unnecessary prop interpolations at runtime, making it more performant than other styling libraries. Packed full of useful features like theming, smart tokens, css prop, as prop, utils, and a fully-typed API. Stitches has a fully-typed API, to minimize the learning curve, and provide the best possible developer experience. Stitches has a dedicated React lib, but... -
Compliant and Reliable File Transfers Backed by Top Security CertificationsStop relying on non-certified, legacy file transfer tools that creak under the weight of modern security demands. Get full audit trails, advanced access controls and more supported by an award-winning team of experts. Start your free 25-day trial today.
-
5
CSS Critic
Lightweight CSS regression testing
A lightweight tool for regression testing of Cascading Style Sheets. Your web stack should be fully testable. CSS Critic closes the gap in front-end testing and makes HTML & CSS testable - no more broken UI. For example, make it supervise changes to your project's responsive style guide so you know things are looking good. We believe that your UI will change often enough that a lightweight process on managing changes (near instant feedback, anyone?) is more important than a heavy-weight one... -
6
TARS
Markup builder on gulp
TARS is a builder for the modern frontend of any complexity, which is based on Gulp.js. It facilitates and accelerates the process of web development. TARS will be suitable for teams and individual developers. It solves the most routine cases associated with web development and brings you more pleasure from work. TARS is a framework for gulp, including a set of gulp-tasks. It allows for easy expansion (creating new tasks) and customization (modification of existing tasks), provides a... -
7
Twemoji
Simple library that provides standard Unicode emoji for all platforms
Twitter’s open source emoji has you covered for all your project's emoji needs. With support for the latest Unicode emoji specification, featuring 3,245 emojis, and all for free. As an open source project, attribution is critical from a legal, practical and motivational perspective in our opinion. The graphics are licensed under the CC-BY 4.0 which has a pretty good guide on best practices for attribution. Although there are two kinds of parsing supported by this utility, we recommend you... -
8
Klipse
Klipse is a JavaScript plugin for embedding interactive code snippets
Klipse is a JavaScript plugin for embedding interactive code snippets in tech blogs. Technically, Klipse is a small piece of JavaScript code that evaluates code snippets in the browser and it is pluggable on any web page. The klipse plugin is a JavaScript tag that transforms static code snippets of an HTML page into live and interactive snippets. If you want to integrate Klipse inside a Clojurescript project, it is recommended to consume Klipse as a Clojurescript library like any other Clojurescript lib. ... -
9
Create React App
Set up a modern web app by running one command
Create React App lets you create React apps quickly and easily-- no learning of build tools or build configurations necessary. All you need is one command, and you can get started in seconds. All tools are preconfigured and hidden, and with instant reloads you can focus on code, not build tools. With Create React App your apps need only one build dependency, so everything works together seamlessly, and when it’s time to deploy your bundles are automatically optimized. With Create... -
Your monitoring isn't a stack. It's a pile. Fix that.Replace Datadog, New Relic, and Sentry without adding three more dashboards.
-
10
Critters
A Webpack plugin to inline your critical CSS and lazy-load the rest
It's a little different from other options because it doesn't use a headless browser to render content. This tradeoff allows Critters to be very fast and lightweight. It also means Critters inlines all CSS rules used by your document, rather than only those needed for above-the-fold content. Critters' design makes it a good fit when inlining critical CSS for prerendered/SSR'd Single Page Applications. It was developed to be an excellent compliment to the prerender-loader, combining to... -
11
tailwind-rn
Use Tailwind CSS in React Native projects
tailwind-rn lets you use Tailwind CSS-style utility classes in React Native apps by converting Tailwind’s generated CSS into a JSON map of styles. Instead of writing StyleSheet objects manually, you call a tailwind() helper with class strings (like bg-blue-500 or mt-4) and get React Native style objects back. A small CLI tool reads the CSS file produced by Tailwind and transforms it into a JSON file that tailwind-rn can consume, with support for watching and rebuilding whenever Tailwind’s... -
12
HTML CSS Course
Starter files, final projects, and FAQ for my HTML + CSS course
HTML CSS Course is the official repository for Jonas Schmedtmann’s Build Responsive Real-World Websites with HTML and CSS course. It contains starter files and final code for the sections and projects included in the course. The repository helps beginners practice semantic HTML, modern CSS, layout systems, responsive design, and real-world website construction. -
13
Advanced CSS Course
Starter files, final projects and FAQ for my Advanced CSS course
Advanced CSS Course is the official course-material repository for Jonas Schmedtmann’s Advanced CSS and Sass course. It contains starter files and finished project files for the projects taught throughout the course, giving learners a structured way to code along and compare their work with the completed versions. The repository focuses on modern CSS techniques such as Sass, responsive layouts, animations, Flexbox, CSS Grid, and reusable design patterns. ... -
14
Koala
Koala is a GUI application for less
...Listening files, compile automatically when the file changes, that everything is running in the background without user action. Support set the compiler options for each file. If encountered an error during compilation, koala will pop up the error message. Support for the project to create a global configuration set the same compiler options for the files. koala is built with node-webkit. node-webkit is an app runtime based on Chromium and node.js. You can write native apps in HTML and Javascript with node-webkit. Listens to files, compiles automatically when file changes occur. Everything runs in the background without the need for user input. -
15
Draggabilly
Make that shiz draggable
The Draggabilly project is a lightweight JavaScript library that enables draggable interactions for web elements. It allows developers to add drag-and-drop functionality to HTML elements with minimal configuration and overhead. The library is designed to be simple and efficient, providing a straightforward API for handling drag events and constraints. -
16
Flickity
Touch, responsive, flickable carousels
...If you are creating an open source application under a license compatible with the GNU GPL license v3, you may use Flickity under the terms of the GPLv3. You can use Flickity as a jQuery plugin. You can initialize Flickity in HTML, without writing any JavaScript. Add data-flickity attribute to the carousel element. -
17
Open HTML to PDF
An HTML to PDF library for the JVM
Open HTML to PDF is a pure-Java library for rendering a reasonable subset of well-formed XML/XHTML (and even some HTML5) using CSS 2.1 (and later standards) for layout and formatting, outputting to PDF or images. Use this library to generated nice looking PDF documents. But be aware that you can not throw modern HTML5+ at this engine and expect a great result. You must special craft the HTML document for this library and use it's extended CSS feature like #31 or #32 to get good results.... -
18
Pretty-Error
See node.js errors with less clutter
pretty-error is a Node.js library that renders JavaScript error messages in a cleaner, more readable, and visually styled format to make debugging easier. PrettyError turns error objects into something similar to an html document, and then uses RenderKid to render the document using simple html/css-like commands. This allows PrettyError to be themed using simple css-like declarations. -
19
Hint.css
A CSS only tooltip library for your lovely websites
hint.css is written as a pure CSS resource using which you can create cool accessible tooltips for your web app. It does not rely on JavaScript but rather uses aria-label/data- attribute*, pseudo-elements, content property and CSS3 transitions to create the tooltips. Also it uses BEM naming convention, particularly for the modifiers. Hint.css is a pure CSS tooltip library for your lovely websites. Upgrading from v1.x, If you are already using v1.x, you may need to tweak certain position... -
20
codemaid
CodeMaid is an open source Visual Studio extension to cleanup
CodeMaid is an open source Visual Studio extension to cleanup and simplify our C#, C++, F#, VB, PHP, PowerShell, JSON, XAML, XML, ASP, HTML, CSS, LESS, SCSS, JavaScript and TypeScript coding. Cleanup random white space into a simple standard order. Add unspecified access modifiers. Utilize Visual Studio’s built-in formatting capabilities. Remove and sort using statements. And do it all automatically on save or on demand, from an individual file to the entire solution. ... -
21
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 databases or other CMS systems. Cryogen reads through a directory containing your Markdown content, compiles it into HTML and injects the content into your templates with the Selmer templating system. ... -
22
Water.css
A drop-in collection of CSS styles to make simple websites
...It includes automatic dark and light themes and exposes CSS variables so you can adjust colors or spacing while keeping the overall aesthetic. Because it respects semantic HTML, it plays well with accessibility tools and reduces the risk of brittle component overrides. The result is a fast path to “good enough” styling that remains easy to customize when a project grows. -
23
Krajee bootstrap-star-rating
A simple yet powerful JQuery star rating plugin with fractional rating
A simple yet powerful JQuery star rating plugin for Bootstrap that supports advanced features like fractional star fill and RTL input support. Developed with a focus on utilizing pure CSS-3 styling to render the control. The plugin uses Bootstrap markup and styling by default, but it can be overridden with any other CSS markup. Ability to size the rating control to any size including the stars, caption, and clear button. Five prebuilt size templates are available xl, lg, md, sm, and xs.... -
24
Spicetify Themes
A community-driven collection of themes for customizing Spotify
spicetify-themes is a community-driven collection of custom themes for Spicetify, a tool that modifies the Spotify desktop client’s UI. The repository contains dozens of themes with different color palettes, layouts, and design variations, allowing users to personalize the look and feel of Spotify far beyond its default style. Themes are typically CSS-based and can be applied quickly through Spicetify commands, with instructions included for installation and customization. Many themes also... -
25
Card
Make your credit card form better in one line of code
Card will take any credit card form and make it the best part of the checkout process (without you changing anything). Everything is created with pure CSS, HTML, and Javascript, no images required. To use, you'll need to include the Card JavaScript files into your HTML, no CSS link is necessary as the JavaScript file does this for you. You can find the necessary file at /dist/card.js and include it in your HTML like so. Once you've included those files, you can initialize Card. Card can be used in forms where you have multiple inputs that render to a single field (i.e. you have a first and last name input). ...
