Search Results for "javascript grid" - Page 2
Sort By:
Showing 69 open source projects for "javascript grid"
View related business solutions-
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.
-
AI-generated apps that pass security reviewRetool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
-
1
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. ... -
2
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. -
3
TeXt Theme
A super customizable Jekyll theme for personal site, team site, etc.
A super customizable Jekyll theme for a personal site, team site, blog, project, documentation, etc. TeXt is a super customizable Jekyll theme for a personal site, team site, blog, project, documentation, etc. Similar to the iOS 11 style, it has large and prominent titles, round buttons and cards. -
4
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. -
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
5
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... -
6
vue-form-making
A visual form designer/generator base on Vue.js
A visual form designer developed based on VUE, to help enterprises achieve low code development mode; lets developers pay more attention to business instead of the traditional boring coding form, and helps to improve efficiency quickly, save research and development costs. Popular form designer page, through the visual operation, quickly completes the creation of the form page. Design the form with grid layout, allows you to use nested, you can use this fundamental layout to create a very... -
7
Libraries for Vue
Vue Libraries
Libraries for Vue - Grid. Sortable grid with pagination and column filtering. -
8
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. -
9
Bowtie
Create a dashboard with python!
Bowtie is a library for writing dashboards in Python. No need to know web frameworks or JavaScript, focus on building functionality in Python. Interactively explore your data in new ways! Deploy and share with others! Bowtie uses Yarn to manage node packages. If you installed Bowtie through conda, Yarn was also installed as a dependency. Yarn can be installed through conda. An early integration with Jupyter has been prototyped. I encourage you to try it out and share feedback. I hope this... -
Forever Free Full-Stack Observability | 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.
-
10
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... -
11
Rebass Grid
Responsive React grid system
Responsive React grid system built with styled-system, with support for styled components and emotion (previously called grid-styled). The Box component handles width, margin and padding. All @rebass/grid components use styled system for style props, which pick up values from a theme and allow for responsive styles to be passed as array values. Sets width, where numbers 0-1 are percentage values, larger numbers are pixel values, and strings are raw CSS values with units. Pass an array to set... -
12
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. -
13
JPPF
The open source grid computing solution
JPPF makes it easy to parallelize computationally intensive tasks and execute them on a Grid. -
14
Packery
Gapless, draggable grid layouts
Packery is a JavaScript library and jQuery plugin that makes gapless and draggable layouts. It uses a bin-packing algorithm to fill in empty gaps. Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in a specific spot, or dragged around. It’s perfect for draggable dashboard and seamless Masonry image galleries. If you want to use Packery to develop commercial sites, themes, projects, and applications, the Commercial license is the... -
15
grd
A CSS grid framework using Flexbox. Only 321 bytes (Gzipped)
A CSS grid framework using Flexbox. Simple and provides just 2 base classes Grid and Cell and some modifiers. Light-weight, only 321 bytes (Gzipped). Flexible, easy-to-use Flexbox features. Flexible Box Layout Module and calc() as CSS unit values used in Grd are available on modern browsers (Chrome, Firefox, Safari, Opera, Edge, and IE11). If you want to use Grd with Sass, you can choose grd-sass as Sass port. -
16
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... -
17
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... -
18
Material Cards
Card style based on Google Material color palette
Simple user card based on Google Material Color palette and jQuery. -
19
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... -
20
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. -
21
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. -
22
Gutenberg Typography Kit
A meaningful web typography starter kit
Gutenberg is a flexible and simple-to-use web typography starter kit for web designers and developers. It’s a small step towards a better typography on the web. Beautiful typographic styles can be made by setting base type size, line height (leading), and measure (max-width). Gutenberg is a work-in-progress project by Matej Latin that brings meaning and craftsmanship to web typography. The reader should be able to read the message of a text easily and comfortably. This depends to a not... -
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
gijgo
Gijgo is a set of free open source javascript controls
Gijgo is a set of free open source javascript controls distributed under MIT License. All widgets are high performance and built on top of the jQuery JavaScript Library. Gijgo is compatible with jQuery UI, Bootstrap and Foundation. -
25
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...
