Search Results for "javascript grid"
Sort By:
53 projects for "javascript grid" 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 Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
1
Grid Garden
A game for learning CSS grid layout
Grid Garden is an interactive browser game for learning CSS Grid layout. It teaches Grid concepts by asking players to water carrots and avoid weeds using CSS grid properties. The game makes grid placement, sizing, and alignment feel concrete through visual levels instead of static documentation. Learners practice properties such as grid-column-start, grid-column-end, grid-row-start, grid-row-end, grid-template-columns, grid-template-rows, and order. The repository includes the web game... -
2
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... -
3
Jspreadsheet CE
Javascript plugin to create web-based tables & spreadsheets
Jspreadsheet CE is a lightweight Vanilla JavaScript data grid plugin to create amazing web-based interactive HTML tables, and spreadsheets compatible data grid with other spreadsheet software. You can create an online spreadsheet table from a JS array, JSON, CSV or XSLX files. You can copy from excel and paste straight to your Jspreadsheet CE spreadsheet and vice versa. It is very easy to integrate any third party JavaScript plugins to create your own custom columns, custom editors, and customize any feature into your application. ... -
4
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... -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
5
DevExtreme
HTML5 JavaScript Component Suite for Responsive Web Development
DevExtreme is a comprehensive, enterprise-grade JavaScript UI component suite developed by DevExpress, designed to help developers build highly interactive, data-driven web applications across multiple frontend frameworks. It supports major ecosystems such as Angular, React, Vue, and jQuery, allowing teams to maintain consistency while working across different stacks. The library includes more than 80 components covering data grids, charts, schedulers, forms, editors, and navigation... -
6
Isometric City
IsoCity: City building simulation game
...Users can pan and zoom smoothly across the scene, dynamically placing or editing objects, and the engine supports layered terrain, collision detection, and grid snapping to keep placements accurate and visually coherent. Although often used for game prototypes, the project’s flexible architecture also fits use cases like simulation dashboards, planning tools, or interactive data visualizations where spatial layout matters. -
7
FancyGrid
JavaScript grid library with charts integration & server communication
JavaScript grid library with charts integration and server communication. Massive number of features, Paging, Sorting, Filtering, Validation, Ajax data, Files data, RESTful, flexible CRUD, Integration with charts, Form module, Theming, Touch Support, and others. FancyGrid is integrated(data binding) with chart libraries, HighCharts, and sparklines. -
8
SwarmUI
Modular AI image and video generation web UI with extensible tools
SwarmUI is a modular web-based user interface designed for AI-driven image generation, with a strong focus on usability, performance, and extensibility. It serves as a unified environment for working with multiple AI models, including Stable Diffusion and newer image and video generation systems, allowing users to create and manage outputs through a browser interface. SwarmUI is built to accommodate both beginners and advanced users by offering a simple “Generate” interface alongside more... -
9
Zynga Scroller
Accelerated panning and zooming for HTML and Canvas
Scroller, also known as Zynga Scroller, is a pure JavaScript logic component for accelerated scrolling and zooming. It is independent of any rendering layer, which means it can power interactions for DOM elements, Canvas interfaces, or other custom rendering systems. The library handles panning, deceleration, bouncing, paging, snapping, zooming, directional locking, and pull-to-refresh behavior. It can be controlled manually through an API or used through EasyScroller, a simplified... -
Demo Series - Small Business Backup By VeeamWatch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
-
10
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... -
11
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. ... -
12
_s
Inactive project
Underscores is a no-frills WordPress starter theme engineered to give developers a clean, standards-based foundation for building custom themes. It provides semantic templates, accessibility-minded markup, and a minimal stylesheet that sets sensible defaults without imposing a visual identity. The codebase includes template tags, custom header and menu scaffolding, widget areas, and translation-ready strings to speed up common theme tasks. Its structure is intentionally opinionated about... -
13
CodeJo
Web-based introductory coding environment
CodeJo is a web app that allows users to write Python code to control a web canvas element (a pixel grid) or another graphical display element. At this time there are four display canvases available: grid (web canvas) fabric (a library that also uses a web canvas) web (also web canvas) and doc (html). New modules can be added by creating a translation layer. -
14
CSS Reference
Fee visual guide to the most popular CSS properties
CSS Reference is a human-friendly, example-driven reference for CSS that focuses on how properties behave in practice rather than only listing their syntax. Each entry explains what a property does, shows concise examples, and illustrates the visual result so you can internalize concepts quickly. The reference highlights common pitfalls and “gotchas,” helping you avoid surprises when mixing layout modes like Flexbox and Grid or when dealing with overflow and positioning. It favors clarity... -
15
ARC-AGI
The Abstraction and Reasoning Corpus
ARC-AGI is a benchmark dataset and experimental framework designed to evaluate and advance artificial general intelligence by testing systems on abstract reasoning tasks that require human-like problem-solving abilities. It consists of a curated set of tasks where models must infer patterns from input-output examples and apply those rules to new unseen cases, without relying on memorization or prior training data. The dataset is structured as grid-based puzzles, where each task requires... -
16
Neiki's Gallery
Vanilla JavaScript image gallery & lightbox
Neiki's Gallery is a lightweight, production-ready image gallery and lightbox library built with vanilla JavaScript and CSS. It requires no dependencies and can be integrated with a single <script> tag, with automatic initialization out of the box. It provides a highly customizable experience for modern web projects, combining performance, flexibility, and rich UI interactions. Designed for both developers and end users, it supports responsive layouts, advanced lightbox features, touch... -
17
Neiki's Charts
Lightweight SVG chart Web Component
Neiki's Charts is a lightweight SVG chart library built as a native Web Component. Drop a single script tag into any HTML page and get four chart types — Line, Bar, Pie, and Scatter — with no build step, no framework, and zero dependencies. CSS is bundled automatically, so one file is all you need. The component uses Shadow DOM for style encapsulation and fits cleanly into any project without CSS conflicts. Charts are fully responsive, support light and dark themes with automatic... -
18
CSS Layout
A collection of popular layouts and patterns made with CSS
...It contains more than one hundred examples that developers can copy, study, combine, and customize. The patterns use modern browser features such as Flexbox and CSS Grid rather than framework-specific abstractions. The collection avoids dependencies, JavaScript requirements, and large design systems. Each example focuses on the essential structure needed to reproduce a practical interface pattern. Developers can combine several patterns to assemble complete pages without importing an entire CSS framework. ... -
19
Keen UI
A lightweight Vue.js UI library with a simple API
Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design. Keen UI is not a CSS framework. Therefore, it doesn't include styles for a grid system, typography, etc. Instead, the focus is on interactive components that require Javascript. You should be able to use Keen UI with any page layout, structure, or CSS framework. -
20
Solved by Flexbox
A showcase of problems once hard or impossible to solve with CSS
Solved by Flexbox is a collection of layout patterns that demonstrates how CSS Flexbox elegantly resolves classic web design problems. It tackles everyday challenges—vertical centering, equal-height columns, sticky footers, fluid media, and responsive grids—showing concise, production-ready CSS instead of elaborate hacks. Each pattern is presented with plain HTML, clear commentary, and minimal styling, making the underlying technique easy to adapt and extend. The project emphasizes... -
21
frontend-mentor-challenges
My submissions for the Frontend Mentor Challenges
The frontend-mentor-challenges repository contains the author’s submissions to the platform Frontend Mentor — which offers structured UI/UX layout challenges (landing pages, components, form designs) for front-end developers. The codebase shows solutions in HTML, CSS, Javascript, with each challenge typically including an original design file plus the author’s implementation. It’s a great way to practice responsive layouts, CSS grid/flexbox mastery, UI refinement, and build portfolio-worthy front-end snapshots. The README shows that the author has live demos and even a YouTube playlist of walkthroughs. ... -
22
React Sortable HOC
Turn any list into an animated, accessible and sortable list
The React Sortable HOC project is a higher-order component library for React that enables drag-and-drop sorting of lists and collections. It provides a set of utilities that allow developers to create sortable interfaces with smooth animations and minimal effort. The library is built on top of React’s component model, making it easy to integrate into existing applications. It supports features such as keyboard accessibility, customizable drag handles, and dynamic list updates. The system is... -
23
DeepTraffic
DeepTraffic is a deep reinforcement learning competition
DeepTraffic is a deep reinforcement learning simulation designed to teach and evaluate autonomous driving algorithms in a dense highway environment. The system presents a simulated multi-lane highway where an AI-controlled vehicle must navigate traffic while maximizing speed and avoiding collisions. Participants design neural network policies that determine the vehicle’s actions, such as accelerating, decelerating, changing lanes, or maintaining speed. The project was created as part of an... -
24
JPPF
The open source grid computing solution
JPPF makes it easy to parallelize computationally intensive tasks and execute them on a Grid. -
25
rowGrid.js
A small, lightweight JavaScript plugin for placing items
rowGrid.js is a small, lightweight (~1000 bytes gzipped) jQuery plugin for placing images (or other items) in straight rows. The grid is similar to grids on Google Image Search, Flickr, Shutterstock and Google+ images. All items must have the same height but the width can be variable. RowGrid.js justifies the items in straight rows so that the width of the rows equals the width of the container/parent element. At first, rowGrid.js adjusts the margin between the items. If this is not enough...
