Search Results for "html css javascript project"
Sort By:
175 projects for "html css javascript project" with 2 filters 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.
-
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
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
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. -
3
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. -
4
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. ... -
$300 Free Credits to Build on Google CloudStart your next project with $300 in free Google Cloud credit. Spin up VMs, run containers, query petabytes in BigQuery, or build agents with Gemini Enterprise Agent Platform. Once your credits are used, keep building with 20+ always-free tier products including Compute Engine, Cloud Storage, GKE, and Cloud Run functions. No commitment required—just sign up and start building.
-
5
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. -
6
beautiful-html-templates
A library of HTML slide templates
beautiful-html-templates is a reusable library of HTML slide templates made for coding agents that need to produce polished presentation decks automatically. It gives agents a structured way to choose a visual direction, clone the right template, and adapt it to a user’s content brief. The project includes an index-driven workflow, with guidance files that explain how an agent should inspect available templates and match them to the requested style. Its templates are intended to be practical... -
7
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. -
8
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... -
9
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. -
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.
-
10
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... -
11
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... -
12
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. -
13
TailAdmin
Free and Open-source Tailwind CSS Dashboard Admin Template
TailAdmin is a free and open source admin dashboard template built with Tailwind CSS, designed to help developers quickly create data-driven web applications and backend interfaces. It provides a complete starting point for dashboards, including prebuilt pages, layouts, and UI components that are commonly required in admin panels and control systems. The template is built using a combination of HTML, Tailwind CSS, Alpine.js, and modern build tools, making it lightweight while still offering... -
14
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. -
15
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. ... -
16
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. ... -
17
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. ... -
18
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. -
19
Frontend Slides
Create beautiful slides on the web using Claude's frontend skills
Frontend Slides is a lightweight tool that enables users to create visually appealing, animation-rich web presentations without requiring knowledge of CSS or JavaScript by leveraging a guided, interactive workflow. It operates on a “show, don’t tell” philosophy, generating visual previews of styles so users can select their preferred design rather than describing it abstractly. The system produces fully self-contained HTML presentations with inline CSS and JavaScript, eliminating the need for external dependencies, build tools, or frameworks. ... -
20
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. ... -
21
Phoenix Code Editor
Phoenix is a modern open-source Code Editor for the web
Phoenix is a modern open-source and free software code editor for the web, built for the browser. -
22
Bootswatch
Themes for Bootstrap
Bootswatch is a collection of open-source themes for Bootstrap. It helps developers change the look of a Bootstrap project without rebuilding the entire design system from scratch. Each theme works as a drop-in replacement for Bootstrap’s default stylesheet, which makes adoption simple for existing sites. The project supports several installation paths, including precompiled CSS, CDN usage, npm, Sass imports, and Ruby gem integration. Developers can customize themes by editing Sass variables... -
23
Alpine.js
A rugged, minimal framework for composing JavaScript behavior
Alpine.js is a lightweight JavaScript framework designed to bring declarative, reactive behavior directly into HTML markup, functioning similarly in spirit to Vue but with a much smaller footprint. It’s often described as “jQuery for the modern web,” enabling you to sprinkle interactivity onto static HTML without needing a full SPA framework. You use directives like x-data, x-bind, x-on, x-if, and others to attach reactive state, event listeners, and conditional rendering straight in the DOM. ... -
24
jQuery Smart Wizard v6
The awesome jQuery step wizard plugin
The awesome step wizard plugin for jQuery. jQuery Smart Wizard is an accessible step wizard plugin for jQuery. Provides a neat, usable, and stylish user interface for your forms, checkout screen, registration process, etc. Easy to implement, Bootstrap compatibility, customizable toolbars, themes and colors, events, and Ajax support are a few of the features. -
25
VenoBox
Responsive jQuery lightbox plugin
Responsive modal window javaScript plugin, touch swipe gallery. Just another responsive lightbox plugin, suitable for images, inline content, iFrames, and videos. The big difference compared to many other plugins is that VenoBox calculates the max width of the image displayed and preserves its height if is taller than the window (so in small devices you can scroll down the content, avoiding vertical microscopic resized images).
