Search Results for "javascript grid"
Sort By:
Showing 27 open source projects for "javascript grid"
View related business solutions-
Earn up to 15% annual interest with Nexo.Generate interest, access liquidity without selling, and execute trades seamlessly. All in one platform. Geographic restrictions, eligibility, and terms apply.
-
Earn up to 15% annual interest with Nexo.Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
-
1
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. -
2
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. ... -
3
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. -
4
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... -
The full-stack observability platform that protects your dataLayer, tags and conversion dataCode-Cube.io detects issues instantly, alerts you in real time and helps you resolve them fast. No manual QA. No unreliable data. Just data you can trust and act on.
-
5
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... -
6
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... -
7
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. ... -
8
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. -
9
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... -
The AI workplace management platformBy combining AI workflows, predictive intelligence, and automated insights, OfficeSpace gives leaders a complete view of how their spaces are used and how people work. Facilities, IT, HR, and Real Estate teams use OfficeSpace to optimize space utilization, enhance employee experience, and reduce portfolio costs with precision.
-
10
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. ... -
11
m2m-js
Vanilla js Libraries
m2m-js is a set of various Vanilla js libraries. Vanilla js. Vanilla Javascript/ Sortable Grid / Repeater / List library. Form Validation. Easy Field Binding. Supports Template based development. Supports Component Based development. Custom Components like Calendar. Observer-Observable sample. 'Update UI On State Change' in a few lines of code. Fully re-written in ES8. -
12
html5-canvas-2d-grid-layout
A simple grid model system for drawing shapes in an HTML canvas
This project allows the user to define a grid configuration model for a canvas within an HTML document. The grid configuration allows the user to specify height and width of grid "units". Once the grid configuration is defined, the user can create an draw certain shapes and lines, specifying locations in "units" of where objects should be placed in the canvas. Shapes and lines support configuration themselves for color, stroke width, etc. -
13
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... -
14
Libraries for Vue
Vue Libraries
Libraries for Vue - Grid. Sortable grid with pagination and column filtering. -
15
Dashboards by Keen IO
Responsive dashboard templates
...If you're a registered Keen IO user, navigate to your keen project or if you don't have a user at first, you can simply use some demo data that we've prepared for you. You can access those by going to the repository and navigating to demo-data. There, you will see some javascript files with some code in them. We will simply paste those in the .html file. -
16
iView Weapp
A set of high-quality WeChat applet UI component library
Use WeChat to scan and experience the example of small program components. Before you start using iView Weapp, you need to read the micro-channel applet custom components related documents. We have built-in examples of all components, you can scan the small program code experience on the right, or view it in WeChat developer tools. Then, the examplesdirectory can be opened in the micro-channel developer tools. We adopted a 24-grid system to divide the area into 24 equal parts, which can... -
17
Masonry
A cascading grid layout plugin
Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. All sizing and styling of items is handled by your own CSS. tem sizes can be set with percentages for responsive layouts. With the masonry layout mode, set percentage-width columnWidth with element sizing. -
18
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... -
19
Material Cards
Card style based on Google Material color palette
Simple user card based on Google Material Color palette and jQuery. -
20
BottomSheetPickers
Third-party date and time pickers for Android
BottomSheetPickers is an Android UI library that provides alternative date and time picker components designed to replace the default system pickers with a more modern bottom sheet interface. It supports Android API level 14 and above, making it compatible with a wide range of devices, including older versions of Android. The library includes multiple picker styles such as number pad time pickers and grid-based pickers, offering different interaction models depending on the use case. These... -
21
egjs
Javascript components group that brings easiest way to build web apps
egjs is Javascript components group that brings easiest and fastest way to build a web application in your way. -
22
jquery.matchHeight.js
A responsive equal heights plugin
In the years since this library was originally developed there have been updates to CSS that can now achieve equal heights in many situations. If you only need to support modern browsers then consider using CSS Flexbox and CSS Grid instead. -
23
Reflexbox
Responsive React Flexbox Grid System
Reflexbox is a React utility library that provides a set of flexible layout components built on top of the CSS Flexbox specification, enabling developers to create responsive layouts with minimal effort. It introduces components such as Box and Flex that abstract common layout patterns into reusable primitives, allowing developers to apply spacing, alignment, and sizing through props rather than writing custom CSS. The library integrates seamlessly with styled-system, enabling theme-based... -
24
Webiness
Lightweight PHP framework
Webiness is lightweight PHP framework based on MVC design pattern. It has a very straightforward installation process that requires only a minimal configuration, so it can save you a lot of hassle. Also, it canbe an ideal choice if you want to avoid PHP version conflict, as it works on all PHP versions from 5.3. Webiness extensively uses the lazy loading technique so, in most cases, it is faster then other frameworks. It can be used for rapid prototyping of web applications. Webiness is... -
25
PathFinding.js
A comprehensive path-finding library for grid based games
The aim of this project is to provide a path-finding library that can be easily incorporated into web games. It may run on Node.js or the browser. It comes along with an online demo to show how the algorithms execute. (The pathfinding speed is slowed down in the demo). Note that this project only provides path-finding algorithms for 2D space. If you need to work in a 3D environment, then you may use @schteppe's fork. When instantiating path-finders, you may pass in additional parameters to...
