Search Results for "javascript grid"
Sort By:
Showing 133 open source projects for "javascript grid"
View related business solutions-
$300 Free Credits for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
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.
-
1
AG Grid
The best JavaScript Data Table for building enterprise applications
The performance, feature set and quality of AG Grid have not been seen before in a JavaScript data grid. Many features in AG Grid are unique to AG Grid, and simply put AG Grid into a class of its own, without compromising on quality or performance. Over 600,000 monthly downloads of AG Grid Community and over 50% of the Fortune 500 using AG Grid Enterprise. AG Grid has become the JavaScript Datagrid of choice for Enterprise JavaScript developers. ... -
2
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... -
3
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... -
4
css-doodle
A web component for drawing patterns with CSS
...The number of rows and columns in the grid is defined by the grid attribute on the element, ranging from 1 to 64. Its default is 1x1 when no value or 0 is given. The row or column is limited up to 4096 only when the grid is 1-dimensional. -
99.99% Uptime for MySQL and PostgreSQL DatabasesCloud SQL Enterprise Plus delivers near-zero downtime with 35 days of point-in-time recovery. Supports MySQL, PostgreSQL, and SQL Server.
-
5
Handsontable
JavaScript data grid with a spreadsheet look & feel
Rock-solid data grid for web applications. A JavaScript component that combines data grid features with spreadsheet-like UX. Legendary support included. Works with React, Angular, Vue, and JavaScript. When you work with Handsontable, it's like you're working with Excel or Google Sheets. There's no steep learning curve – you can start working effectively from day one. -
6
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. ... -
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
jqGrid
jQuery grid plugin
jqGrid is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web. Since the grid is a client-side solution, loading data dynamically through Ajax callbacks, it can be integrated with any server-side technology, including PHP, ASP, Java Servlets, JSP, ColdFusion, and Perl. Improve the maxGridHeigh method. -
9
Autoprefixer
Parse CSS and add vendor prefixes to CSS rules by Can I Use
PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use. It is recommended by Google and used in Twitter and Alibaba. Write your CSS rules without vendor prefixes (in fact, forget about them entirely). Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you. You can try the interactive demo of Autoprefixer. Autoprefixer uses Browserslist, so you can specify the browsers you want to target in your... -
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.
-
10
tabler icons
1950 free MIT-licensed high-quality SVG icons
A set of over 1950 free MIT-licensed high-quality SVG icons for you to use in your web projects. Over 1950 pixel-perfect icons for web design. Free and open-source icons designed to make your website or app attractive, visually consistent, and simply beautiful. Each icon is designed on a 24x24 grid and a 2px stroke. All icons are built with SVG, so you can place them as <img>, background-image and inline in HTML code. If you load an icon as an image, you can modify its size using CSS. You... -
11
Metro 4
Impressive component library for expressive web development
...Metro 4 is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with responsive grid system, extensive prebuilt components, and powerful plugins. Metro 4 developed to build websites in Windows Metro Style and include general styles, grid, layouts, typography, 100+ components and routines, 500+ built-in icons. -
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... -
13
Foundation for Sites
The most advanced responsive front-end framework in the world
Foundation is the world’s most advanced responsive front-end framework that lets you go from prototype to production quickly and easily, with sites or apps that work on any device. Made up of very easy to style modular and flexible components, Foundation makes quick work of bringing your ideas to life. It’s got a fully customizable, responsive grid, a Sass based animation library, full accessibility support and a whole lot more. The latest version of Foundation has implemented a 50% code... -
14
TACHYONS
Functional CSS for humans
Create fast loading, highly readable, and 100% responsive interfaces with as little CSS as possible. Everything should be 100% responsive. Everything should be readable on any device. Everything should be as fast as possible. Designing in the browser should be easy. It should be easy to change any interface or part of an interface without breaking any existing interfaces. Doing one thing extremely well promotes reusability and reduces repetition. Documentation helps promote reusability and... -
15
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... -
16
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... -
17
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. -
18
opentype.js
Read and write OpenType fonts using JavaScript
opentype.js is an OpenType and TrueType font parser and writer. It allows you to access the letterforms of text from the browser or node.js. Once you have the shapes, you can modify them, for example by snapping them to a virtual grid. opentype.js provides you with raw access to the glyphs so you can modify them as you please. Create a bézier path out of a piece of text. Support for composite glyphs (accented letters). Support for WOFF, OTF, TTF (both with TrueType glyf and PostScript cff... -
19
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... -
20
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...
-
21
Stylus for Chrome
Stylus - Userstyles Manager
Stylus is a fork of Stylish for Chrome, also compatible with Firefox as a WebExtension. "Stylus" is a fork of the popular Stylish extension which can be used to restyle the web. Not "ish", but "us", as in "us" the actual users. Stylus is a fork of Stylish that is based on the source code of version 1.5.2, which was the most up-to-date version before the original developer stopped working on the project. The objective in creating Stylus was to remove any and all analytics, and return to a... -
22
Hermione
Browser test runner based on mocha and wdio
Hermione is a utility for integration testing of web pages using WebdriverIO and Mocha. If you are familiar with WebdriverIO and Mocha, you can start writing and running tests in 5 minutes! You need to install Hermione via npm and add a tiny config to your project. When tests are run one by one, it takes a lot of time. Hermione can run tests in parallel sessions in different browsers out of the box. Running of too many tests in parallel can lead to the overloading of the main process CPU... -
23
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... -
24
Oruga UI
Oruga is a lightweight library of UI components without CSS framework
...Lightweight: no other internal dependency and import only components that you need. Oruga doesn't depend on any specific style or CSS framework (like Bootstrap, Bulma, TailwindCSS etc...) and it doesn't provide any grid system or CSS utility, it just offer a set of components easy to customize. Oruga wants you to focus only on UI/UX aspects of your application and be totally flexible to future changes without having to touch a line of JavaScript. -
25
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. ...
