Search Results for "html css javascript project"
Sort By:
301 projects for "html css javascript project" with 1 filter applied:
-
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.
-
Build Securely on Azure with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
1
HTML CSS
Curso de HTML5 e CSS3
Tutorial, teaching, or resource collection on HTML and CSS, aimed at beginners. It likely contains sample websites, examples of markup, styling, exercises, and reference materials related to web front-end development using HTML and CSS. CSS styling samples and layout demonstrations. Educational documentation (README, explanations). Structured project examples (e.g. small websites). -
2
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,... -
3
The Magic of CSS
A CSS course to turn you into a magician
Magic of CSS is an open source educational project by Adam Schwartz that explores advanced CSS concepts through practical lessons. It is structured as a series of chapters that cover topics like the box model, layouts, positioning, typography, and animations. The repository is designed to go beyond basic CSS tutorials, teaching how to harness the language for complex, responsive, and visually appealing designs. Each lesson is supported by examples and code that demonstrate real-world use... -
4
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. -
Full-stack observability with actually useful AI | 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.
-
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
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. -
9
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. ... -
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.
-
10
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. -
11
Tacit
CSS framework for dummies, without a single CSS class
Tacit is a CSS framework for dummies, who want their web services to look attractive but have almost zero skills in graphic design, just like myself. Tacit is a primitive CSS framework for dummies, like myself, who don't know anything about graphic design but want their web services to look eatable. No classes, no layouts. Just design plain and simple web pages compliant with HTML5 and they will look OK. Tacit's goal is to be super simple and always with the same look-and-feel. If you want... -
12
bfxr
Flash + AIR sound effects generator. Based on Sfxr.
...It offers an interactive GUI through which you can tweak many parameters (oscillators, envelopes, filters, etc.) to sculpt custom sound 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. -
13
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. ... -
14
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. It includes diagrams and compact examples that illustrate... -
15
Remotion
Make videos programmatically with React
Remotion is a cutting-edge library that lets developers create real videos programmatically using React components, transforming familiar UI paradigms into a flexible, code-driven video production workflow. Instead of traditional timeline editors, Remotion leverages HTML, CSS, and JavaScript to define video frames, animations, and transitions, which means developers can use states, props, loops, and component hierarchies to automate complex motion graphics. Because it integrates with the React ecosystem, Remotion fits naturally into modern front-end stacks and tooling, and can produce dynamic content like personalized videos, dashboards, and data-driven animations with the same code used to build interactive web apps. ... -
16
iCSS
More than CSS
iCSS is a large curated repository of advanced CSS techniques, creative experiments, and deep dives into modern web animation and styling capabilities. Rather than being a traditional library, the project functions as an educational and inspirational knowledge base that explores unusual, powerful, or overlooked CSS features. The content covers topics such as layout tricks, animation patterns, visual effects, accessibility considerations, and emerging CSS standards. Materials are continuously... -
17
Rio
WebApps in pure Python. No JavaScript, HTML and CSS needed
Rio is a Python framework designed to build web applications without the need for HTML, CSS, or JavaScript. Inspired by frameworks like Flutter and React, Rio offers a declarative interface and reusable components, enabling developers to create dynamic web apps entirely in Python. It streamlines the development process by managing both frontend and backend seamlessly. -
18
NiceGUI
Create web-based user interfaces with Python
NiceGUI is a Python-based UI framework that enables developers to create interactive web applications using only Python code. It abstracts away the complexities of HTML, CSS, and JavaScript, allowing for rapid development of web interfaces directly from Python scripts. NiceGUI is suitable for building dashboards, control panels, and other web-based tools, especially in contexts like robotics and data visualization. -
19
React Bits Library
Open source collection of animated, interactive React components
...It features a large and rapidly growing collection of components — including text effects, background animations, and interactive UI pieces — each designed to be easy to integrate into any modern React project and work seamlessly with popular styling systems like CSS and Tailwind CSS. The library supports both JavaScript and TypeScript variants for many components, giving developers flexibility in how they use and adapt them to their codebase. React-bits puts emphasis on creativity, performance, and minimal dependencies, so animations and effects are lightweight but still fluid and expressive, helping sites stand out with compelling visual interactions. -
20
AngleSharp
The ultimate angle brackets parser library parsing HTML5, MathML, SVG
...This makes working with the DOM convenient. AngleSharp integrates everything you need to explore and mutate the DOM tree. Node retrieval is straight forward by using powerful CSS query selectors. The CSS queries in AngleSharp are super fast and very simple to use. AngleSharp respects the relationship of HTML with CSS. Therefore CSS is a first class citizen in the AngleSharp eco-system. Nevertheless, it is your choice if you want to use CSS with HTML, CSS alone or if you provide your own CSS solution. AngleSharp offers a lot of extension points. ... -
21
Flowbite
The most popular and open-source library of Tailwind CSS components
Build websites even faster with components on top of Tailwind CSS. Start developing with an open-source library of over 600+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma. You can now also get started with open-source component libraries built for frameworks such as React, Vue.js, Svelte and Angular. Explore the whole collection of over 58 open-source UI components and interactive elements built with the utility classes from... -
22
Meraki UI
Tailwind CSS components that support RTL languages
Meraki UI is a free and open source collection of Tailwind CSS components designed to help developers quickly build responsive and visually appealing web interfaces with minimal effort. The library focuses on simplicity and accessibility by providing copy-and-paste HTML components that can be easily integrated into any project without requiring complex setup or framework dependencies. It includes a wide variety of UI elements and sections for websites and landing pages, all built using modern layout techniques such as Flexbox and CSS Grid to ensure consistent responsiveness across devices. ... -
23
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. ... -
24
HyperUI
Free Tailwind CSS v4 components for your next project
HyperUI is a large, copy-and-paste library of Tailwind CSS components aimed at speeding up interface building without adding heavy JavaScript. It groups components by common product needs—navigation, hero sections, pricing, forms, cards, tables, and full e-commerce flows—so teams can assemble pages quickly from consistent building blocks. Each snippet is written as semantic HTML with Tailwind utility classes, making it easy to customize spacing, color, and typography through a project’s Tailwind config. ... -
25
Pushy jQuery
Pushy is a responsive off-canvas navigation menu using CSS transforms
Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions. This project was inspired by the off-canvas navigation menu seen on Medium. Pushy has been implemented on many sites, check them out! Feel free to contact me if you use Pushy in one of your websites. Pushy has been featured on the Treehouse Show and in a book.
