Search Results for "html css javascript php project"
Sort By:
Showing 352 open source projects for "html css javascript php project"
View related business solutions-
Keep company data safe with Chrome EnterpriseMake AI work your way with Chrome Enterprise. Block unapproved sites and set custom data controls that align with your company's policies.
-
Gen AI apps are built with MongoDB AtlasMongoDB Atlas is the developer-friendly database used to build, scale, and run gen AI and LLM-powered apps—without needing a separate vector database. Atlas offers built-in vector search, global availability across 115+ regions, and flexible document modeling. Start building AI apps faster, all in one place.
-
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
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... -
4
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. This page will guide you through that process, but accessibility is a primary goal of this project. It does not ship with any JavaScript, so it is compatible... -
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.
-
5
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. The project supports common card types (basic, stage, trainer, etc.), and includes... -
6
SonarJS
SonarSource Static Analyzer for JavaScript and TypeScript
This SonarSource project is a static code analyzer for JavaScript, TypeScript and CSS languages. In order to analyze JavaScript, TypeScript or CSS code, you need to have a supported version of Node.js installed on the machine running the scan. Recommended versions are the previous LTS version v14 and the latest version - v16. We recommend using the latest available LTS version (v16 as of today) for optimal stability and performance. v12 is still supported, but it already reached end-of-life... -
7
bfxr
Flash + AIR sound effects generator. Based on Sfxr.
... effects; you can preview in real time, export, and iterate. The project includes libraries, HTML templates, and both ActionScript and JavaScript code. It has been well-received (over a thousand stars), but as of 2025, it has been superseded by a newer version called bfxr2, which is a JavaScript reworking of the original. -
8
Lightning Web Components
A Blazing Fast, Enterprise-Grade Web Components Foundation
Lean, lightweight runtime optimized for performance, with minimal boilerplate code. Lightning Web Components uses standard HTML, modern JavaScript (ES6+), and the best of native Web Components. Leave abstractions behind and build custom elements with HTML, JavaScript, and CSS. Lightning web components are custom elements built using HTML and modern JavaScript. Ready to learn more? Check out the Developer Guide and write code in the Playground. You’ll be up and running in no time. Create fast... -
9
JSON Server
Get a full fake REST API with zero coding
..., changes will be automatically and safely saved to db.json using lowdb. You can use JSON Server to serve your HTML, JS and CSS, simply create a ./public directory or use --static to set a different static files directory. There are many ways to set up SSL in development. One simple way is to use hotel. -
No-Nonsense Code-to-Cloud Security for Devs | AikidoAikido provides a unified security platform for developers, combining 12 powerful scans like SAST, DAST, and CSPM. AI-driven AutoFix and AutoTriage streamline vulnerability management, while runtime protection blocks attacks.
-
10
Web Dev for Beginners
About 24 Lessons, 12 Weeks, Get Started as a Web Developer
Web-Dev-For-Beginners is Microsoft’s open source, project-based curriculum for learning web development from scratch. Designed as a 12-week, 24-lesson course, it covers HTML, CSS, and JavaScript fundamentals through hands-on projects like terrariums, browser extensions, and space games. Each lesson includes a mix of pre-lecture quizzes, written content, assignments, challenges, and post-lecture quizzes to reinforce learning. The course also offers global accessibility with translations in more... -
11
Parcel
The zero configuration build tool for the web
... technologies like HTML, CSS, and JavaScript, to assets like images, fonts, videos, and more. And when you use a file type that isn't included by default, Parcel will automatically install all of the necessary plugins and dev dependencies for you! Parcel includes a development server out of the box. Just run parcel index.html to get started. When you make a change, Parcel automatically updates your code in the browser, no page reload necessary! -
12
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. -
13
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. Metro 4... -
14
PufferPanel
PufferPanel is an open source game server management panel
The simplest, free, open source game management panel. PufferPanel is an open source game server management panel designed to be easy to use and easy to install. PufferPanel supports Minecraft, Forge, Spigot, Sponge, Source Dedicated Servers, BungeeCord, PocketMine, Forge, and much more. In addition to being a free and open source project, PufferPanel provides an easy-to-use interface for everyone from individual users to large networks or companies. We strive to create a friendly community... -
15
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. After... -
16
Spatie Browsershot
Convert HTML to an image, PDF or string
Browsershot is a PHP package that allows developers to convert web pages into images or PDFs. It utilizes headless Chrome to render pages accurately and can be used to capture screenshots, generate PDFs, and manipulate web content programmatically. It is especially useful for applications that require generating visual content from dynamic or static web pages. -
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.). The labels of theorems, definitions, lemmas and proofs can be changed to other supported... -
18
Orchid
Rapid application development of back-office applications
Orchid is a free Laravel package that abstracts standard business logic and allows code-driven rapid application development of back-office applications, admin/user panels, and dashboards. Focus on PHP development and don't lose time with HTML, CSS, or JavaScript. Build application logic, not admin panels. Try our quick start guide and kick-start your application's development. Prevent reinventing the wheel or forms. Orchid already supports many form elements "out of the box" and allows you... -
19
Browsersync
Keep multiple browsers & devices in sync when building websites
... and Linux. Setup in less than 5 minutes. Browsersync is an open source project available to use under the Apache 2.0 License. Easily integrated with task runners like Grunt and Gulp, or included in other Node projects. Test your website against a slower connection. Even when devices are connected to wifi. Your scroll, click, refresh and form actions are mirrored between browsers while you test. -
20
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... -
21
KnpSnappyBundle
Easily create PDF and images in Symfony by converting html using webki
Easily create PDF and images in Symfony by converting HTML using webkit. Snappy is a PHP wrapper for the wkhtmltopdf conversion utility. It allows you to generate either pdf or image files from your html documents, using the webkit engine. The KnpSnappyBundle provides a simple integration for your Symfony project. If you need to change the binaries, change the instance options or even disable one or both services, you can do it through the configuration. Render a pdf document with a relative... -
22
web-mode.el
Web template editing mode for emacs
web-mode.el is an autonomous emacs major mode for editing web templates. HTML documents can embed parts (CSS / JavaScript) and blocks (client / server side). web-mode.el is compatible with many template engines: PHP, JSP, ASP, Django, Twig, Jinja, Mustache, ERB, FreeMarker, Velocity, Cheetah, Smarty, CTemplate, Mustache, Blade, ErlyDTL, Go Template, Dust.js, Google Closure (soy), React/JSX, Angularjs, ejs, Nunjucks, etc. Compatibility with many template engines : php, jsp, gsp (grails), asp... -
23
Framework7
Full featured HTML framework for building iOS & Android apps
.... It doesn’t force you to use anything except plain HTML, CSS and JavaScript. Creating apps with Framework7 is easy as creating a website. Framework7 paired with extra tools like Electron and NW.js allows building native desktop apps. And in addition to vanilla JavaScript library, Framework7 comes with Vue.js, React and Svelte components to bring components-syntax, structured data and data bindings with power and simplicity of Vue.js, React or Svelte. -
24
Sage
WordPress starter theme with a modern development workflow
Write stylesheets with Sass, automatically check your JavaScript for errors, optimize images, enable synchronized browser testing, and more with our Webpack based setup. Sage comes with the latest version of Bootstrap. Replace Bootstrap with Bulma, Foundation, Tachyons, Tailwind, or a blank slate upon installation. You will have the option to define theme meta information (name, URI, description, version, author) and choose a CSS framework. Sage uses Laravel's Blade templating engine, and since... -
25
Layui UI
An open source Web UI component library
layui is a set of open-source Web UI component library, which adopts its own classic modularization specifications and follows the development method of native HTML/CSS/JS. It is very easy to use and ready to use. Its style is simple and light, while its components are elegant and rich. Every detail from source code to usage method has been carefully crafted, which is very suitable for the rapid development of web interface. Layui is different from those front-end frameworks based on the bottom...
