Search Results for "html css javascript php project"
Sort By:
Showing 257 open source projects for "html css javascript php project"
View related business solutions-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
1
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... -
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
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,... -
4
CSS Grid Generator
Generate basic CSS Grid code to make dynamic layouts
CSS Grid Generator is a visual tool built to help web designers and developers quickly create CSS Grid layout code without writing the grid definitions manually. You select the number of columns, rows, and units (e.g., fr, px, %), then visually drag and place items, resize them and position them within the grid to prototype layouts by hand. 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... -
Go From AI Idea to AI App FastAccess Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
-
5
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. -
6
Pokémon Cards CSS
Collection of advanced CSS styles to create realistic-looking effects
...The project supports common card types (basic, stage, trainer, etc.), and includes classes to manage energy symbols, attack boxes, and flavor text. Many community users combine it with JavaScript to dynamically generate cards from data (e.g. Pokédex entries or user input). It offers a playful, educational example of what you can achieve with modern CSS, especially in combining design fidelity with flexible markup. -
7
Project Hestia
A grid-based, modular dashboard built entirely from HTML, CSS, and JS
Project Hestia is a powerful open-source backend framework and runtime that aims to simplify the development of scalable, distributed applications by providing a modular set of core services such as user authentication, permission enforcement, event streaming, and service orchestration. Built with modern application needs in mind, Hestia-Core abstracts common infrastructure concerns so developers can focus on business logic rather than boilerplate integration of third-party services. It... -
8
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. -
9
Winter
Free, open-source, self-hosted CMS platform based on the Laravel PHP
...Build intricate websites with little more than HTML, CSS and JavaScript through a beautiful, user-friendly and easy backend. -
Forever Free Full-Stack Observability | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
10
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... -
11
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. ... -
12
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... -
13
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. Responsive and mobile-friendly. Clean, beautiful typography. Forms, tables, buttons and navigation. Zero... -
14
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. ... -
15
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. ... -
16
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... -
17
JSCamp InfoJobs
Content and exercises fromJSCamp InfoJobs
JSCamp InfoJobs is the companion repository for JSCamp InfoJobs, an intensive full-stack JavaScript bootcamp in Spanish designed to take students from fundamentals to advanced topics. It is organized into numbered modules like 00-html-css, 01-javascript, 02-react, 03-router-and-zustand, 04-node, 05-typescript, 06-inteligencia-artificial, 07-sql, 08-ci-cd, and 09-docker, mirroring the curriculum of the bootcamp.The README explains that students will build a complete project step by step throughout the bootcamp, applying each module’s lessons to a single real-world application, which is ideal for portfolio building. ... -
18
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. -
19
flag-icons
A curated collection of all country flags in SVG
A curated collection of all country flags in SVG, plus the CSS for easier integration. For using the flags inline with text add the classes .fi and .fi-xx (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty <span>. If you want to have a squared version flag then add the class fis as well. You could also apply this to any element, but in that case you'll have to use the fib instead of fi and you're set. This means that the flag is just going to appear in the middle of an... -
20
Web-Maker
A blazing fast & offline frontend playground
Web-Maker is an offline playground for your web experiments. Something like CodePen or JSFiddle, but much more faster and works offline because it runs completely on your system. Supports Preprocessors: HTML (Pug & Markdown), CSS (SCSS, LESS & Stylus, Atomic CSS) & JavaScript (ES6, TypeScript & CoffeeScript). Hi! I am Kushagra Gour. Web Maker is a free and open-source project. To keep me motivated for working on such open-source and free side projects, I have launched a Patreon campaign. Your pledge, no matter how small, will act as an appreciation towards my work and keep me going forward making Web Maker more awesome. ... -
21
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. -
22
Bootstrap Simple Admin Template
The most reliable HTML, CSS, and JavaScript simple admin template
Bootstrap Simple Admin Template is a simple admin template packed with more UI components than any other admin themes, its exceptional user interface is perfectly crafted and advanced layout features are optimized to suit every modern web application project and highly responsive to serve from a Mobile-first to a Desktop screen. -
23
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. ... -
24
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 to build all kinds of forms quickly. Enjoy an SPA like performance! ... -
25
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. ...
