164 Repositories
JavaScript responsive-layout Libraries
leaderBoard is a project used to add a score, view score list, and refresh score list. It is built using JS, HTML, BootStrap, and API.
LeaderBoard π Table of Contents π About the Project π Built With Tech Stack Key Features π Live Demo π» Getting Started Setup Prerequisites Instal
Opiniated Eleventy starter based on the workflow suggested by Andy Bell's
Eleventy starter Very opiniated Eleventy starter based on the workflow suggested by Andy Bell's https://buildexcellentwebsit.es/. Eleventy starter Pre
The Main Purpose The main purpose of creating an anaonline information system, as an effort responsive to the management of the data of the Members of the Persis Youth based on information technology systems
landing-page-pp landing-page-pp.vercel.app #The Main Purpose The main purpose of creating an anaonline information system, as an effort responsive to
Free Next.js responsive landing page template for SaaS products made using JAMStack architecture.
β¨ Free Next.js marketing website template for SaaS startups β¨ Everything you need to build a great landing page / marketing website for your startup.
Chocolat : the lightbox so cool horses use it :horse:
Chocolat Chocolat is a responsive lightbox Documentation is here Demo page is here Documentation You can access the full documentation at this page :
tb-grid is a super simple and lightweight 12 column responsive grid system utilizing css grid.
tb-grid Lightweight (1kb gzipped) 12 column grid system, built with css grid. π Demos & Playground Have a look at those examples: Main Demo: https:/
An easy-to-use jQuery plugin that allows the user to pick an icon from a responsive icon browser and shows the corresponding icon class in an input element.
Font Awesome Browser An easy-to-use jQuery plugin that allows the user to pick an icon from a responsive icon browser and shows the corresponding icon
Responsive Dropdown Menu Bar
Responsive Dropdown Menu Watch it on youtube Responsive Dropdown Menu Beautiful and clean responsive navigation bar includes a beautiful drop-down sid
π A responsive print preview in A4 format
react-preview-a4 π A responsive print preview in A4 format. Table of Contents Installation Examples Demo Installation To install, you can use npm: $
Customizable masonry Flatlist. it just behave like Flatlist but using ScrollView behind the scene
Would you like to support me? react-native-masonry-grid Customizable masonry Flatlist. it just behave like Flatlist but using ScrollView behind the sc
Responsive no-jQuery pure JS/CSS Lightbox for images, no dependencies, 10kb unminified source code, with demo
img-lightbox Responsive no-jQuery pure JS/CSS Lightbox for images, no dependencies, 10kb unminified source code, with demo Demo codepen jsfiddle jsbin
Natura is a women-only gym that provides a safe, supportive environment for women of all shapes, sizes, and fitness levels
Natura is a women-only gym that provides a safe, supportive environment for women of all shapes, sizes, and fitness levels. Their goal is to help women feel confident and comfortable in their own skin, and to encourage them to lead healthy, active lifestyles.
Simple lazy responsive starter kit for CraftCMS 4 Projects.
Lazy Craft CMS 4 Boilerplate Simple lazy responsive starter kit for CraftCMS 4 Projects. Requirements RTFM Craft CMS 4 Requirements Configs Duplicate
Print seat layout for movie, flight (jQuery plugin)
seatLayout.js (movie-seat-layout) Print seat layout for movie, flight and seat selection (jQuery plugin) Demo : https://sachinkurkute.github.io/movie-
Convert table to card when on phone
Convert table to card see index.html for example converts table to card when viewport is = 425px HTML Syntax table !-- table headings -- th
A jQuery Single/Multi Select plugin which can be used on almost any device
jquery.sumoselect jquery.sumoselect.js - A beautiful cross device Single/Multi Select jQuery Select plugin. A jQuery plugin that progressively enhance
π¨ Flat, simple, multi-themed, responsive and hackable Color-Picker library.
π¨ Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!
π A JS plugin to view images just like in Windows.
PhotoViewer PhotoViewer is a JS plugin to view images just like in windows. [Examples] If you want to support IE8, please goto Magnify. Features Vanil
Unopinionated utilities for resizeable split views
Split Unopinionated utilities for resizeable split views. Zero Deps Tiny: Each is between 1-2kb gzipped. Fast: No overhead or attached window event li
A beautiful, responsive, highly customizable and accessible replacement for JavaScript's popup boxes. Zero dependencies.Alerts ,dialogs
AsgarAlert (v1) for JS Install script defer src="/asgar-alert.js"/script Examples The most basic message: asgar("Hello world!"); A message signali
Display an image in a responsive imagebox without jQuery.
Documentation ImageBox latest version 1.3.0 Include this files: link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/tobiasroeder/[email protected]/d
jQuery Tabs Plugin. CSS Tabs with Accessible and Responsive Design. Lot of Tab Themes with Vertical and Horizontal Orientation.
Macaw Tabs Macaw Tabs is jQuery tabs plugin. It helps you to create accessible and responsive jQuery tabs by implementing the W3 design patterns for t
A Hulu Clone which created with NextJS. It fetches the data from TMDB (The Movie Database) API.
A Hulu Clone which created with NextJS. It fetches the data from TMDB (The Movie Database) API. Click demo to try it by yourself! Hulu Clone Demo Link
jQuery plugin that combines the functionality of a grid with that of an accordion.
Grid Accordion - jQuery plugin A responsive and touch-enabled jQuery grid accordion plugin that combines the functionality of a grid with that of an a
Accordion Slider is a jQuery plugin that combines the functionality of a slider with that of an accordion.
Accordion Slider - jQuery slider plugin A responsive and touch-enabled jQuery accordion slider plugin that combines the functionality of a slider with
Minimalist dependancy free Masonry layout library
MiniMasonry.js Minimalist dependency free Masonry layout library MiniMasonry is a lightweight dependency free Masonry layout. It will compute elements
Basic, accessible, responsive and freely restyleable tabs.
Skeletabs Β· Skeletabs is an open source jQuery plugin that provides tabbed browsing feature to your web contents. It is focused on accessibility and s
Story Show Gallery - JS & React - minimalist, vertical photo gallery, mobile friendly
Vertical photo gallery optimized for smartphones (notch area included). SSG will support your brand and marketing. Optimally placed captions, full screen lightbox, no ugly arrows
Responsive, CSS3, touch-enabled jQuery Coverflow plugin.
jQuery.Flipster Flipster is a CSS3 3D transform-based jQuery plugin built to replicate the familiar 'cover flow' effect, but also supports a variety o
JS Irontable - A responsive Jquery Table for multiple purposes
JSIronTable JS IronTable - A responsive Jquery Table for multiple purposes This table provides a responsive JQuery table which includes: Column Sortin
High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.
lazysizes lazysizes is a fast (jank-free), SEO-friendly and self-initializing lazyloader for images (including responsive images picture/srcset), ifra
Simple, responsive and lightweight Masonry Grid jQuery Plugin.
jquery-masonry-grid Simple, responsive and lightweight Masonry Grid jQuery Plugin. Installation Add the script before closing the body tag (make sur
A modern, responsive CSS boilerplate library to kickstart any web-based project.
Peacock CSS Peacock is a modern, responsive CSS boilerplate library to kickstart any web-based project. It is simple, lightweight and it contains all
πΌ A jQuery plugin to view images just like in Windows. Browser support IE7+!
β οΈ Attention! This repository will be maintained just in small iteration. The plugin is easy to use, but its customization can be troublesome. To impr
Style definitions for nice terminal layouts π
blipgloss Style definitions for nice terminal layouts. Powered by lipgloss and bun:ffi. Install bun add blipgloss Usage Blipgloss takes an expressive,
Landing page using Next.js and Tailwind
This is a Next.js project bootstrapped with create-next-app. Demo Application Please check out this link(https://next-cloudbunnies-nft-landing-page.ve
Best fast responsive discord anti nuke bot made in javascript using Discord JS@v13
Security Plus Security Plus is an advance anti nuke bot for discord server , Developed in JavaScript by using discord.js@v13 , Security Plus don't all
It's a set of common utility strategies to work with responsive styles with Flutter and CSS in JS
@skynexui/responsive_stylesheet You don't need to be worried just because you have to support multiple screens πΊ π₯ π» π± It's a set of common utilit
A responsive and open source portfolio for software developers (Next.js & Tailwind CSS version).
Software Developer Portfolio π― A responsive and open source portfolio for software developers (Next.js & Tailwind CSS version). Website Screenshot In
DisneyPlus-Clone (with Redux)
Disney+ Clone A Disney+ Clone that you can sign in with your Google Account. Click demo to try it by yourself! Disney+ Clone Demo Link You can view th
A Fullstack Food Ordering App which created with NextJS.
A Fullstack Food Ordering App which created with NextJS. Click demo to try it by yourself! Food Ordering App Demo Link You can view the site here Clic
Landing page using Next.js and Tailwind
This is a Next.js project bootstrapped with create-next-app. Demo Application Please check out this link(https://next-cloudbunnies-nft-landing-page.ve
This simple library allows you to create awesome responsive and highly customizable popups importing just one JavaScript file.
Creativa - Popup This is a simple library that allows you to create awesome popups importing just one JavaScript file. Getting started You can import
Responsive tabs-to-accordion script without jQuery, written using pure JavaScript
vanilla-tabs Responsive tabs-to-accordion script without jQuery, written using pure JavaScript Author Dmytro Kudleichuk LinkedIn GitHub Online Demo Se
The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
Install | Documentation | Releases | Contributing Foundation is the most advanced responsive front-end framework in the world. Quickly go from prototy
A lightweight responsive framework for the www
Skel DEPRECATED! Use Responsive Tools instead thx Skel is a lightweight framework for building responsive sites and web apps. Minified production vers
2D HTML5 rendering and layout engine for game development
Stage.js is a 2D HTML5 JavaScript library for cross-platform game development, it is lightweight, fast and open-source. Check out examples and demos!
:iphone: A super lightweight HTML, Sass, CSS, and JavaScript framework for building responsive websites
Responsive Boilerplate A powerful, accessible, developer friendly, framework for building responsive websites Responsive Boilerplate is the developers
Freewall is a cross-browser and responsive jQuery plugin to help you create grid, image and masonry layouts for desktop, mobile, and tablet...
Freewall Freewall is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts: flexible layouts, images layouts, nes
Chrome & Firefox extension to return old Twitter layout from 2015.
OldTwitter (2022) Chrome extension to return old Twitter layout from 2015. This extension doesn't add any CSS on top of original Twitter. It's fully o
A simple guide to responsive design.
Grid is a great learning tool but no longer supported. Learn why. Grid A simple guide to responsive design. www.adamkaplan.me/grid Why bother with res
Lightweight and independent Pinterest-like cascading grid layout library
Bricklayer is a Lightweight and Independent Pinterest-like Cascading Grid Layout Library π Simpler than any other cascading grid layout tools. βοΈ Lig
Lightweight plugin for easy responsive images replacement
Responsive image replacement Check out the example here. resonsive-img.js is a lightweight plugin for fast, clean and easy responsive image replacemen
A Responsive JQuery Slider
Turntable.js :: A Responsive JQuery Slider A jQuery plugin that will flip through a list of images as your mouse sweeps across a container Usage All i
A jquery plugin that makes images truly responsive, without sacrificing anyone's face. Give it more stars!
Responsify.js A jquery plugin that makes images truly responsive, without sacrificing anyone's face :D When images are used in a responsive container
jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.
jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.
A responsive image cropping tool for React
This documentation refers to v10. Go to 9.1.1 tag for v9 docs. React Image Crop An image cropping tool for React with no dependencies. CodeSanbox Demo
Responsive navigation plugin without library dependencies and with fast touch screen support.
Responsive Nav Responsive navigation plugin without library dependencies and with fast touch screen support. Responsive Nav is a tiny JavaScript plugi
Drag and drop library for two-dimensional, resizable and responsive lists
DEPRECATED This project is no longer maintained, please consider using react-grid-layout instead. GridList Drag and drop library for a two-dimensional
Use jsx to make scriptable's layout.
scriptable-jsx This project helps you to write Scriptable widgets with JSX syntax. And add some useful tools by the way. you can check demos in demo f
An npm package with Tailwind CSS utility classes for creating responsive grid columns without media queries using auto fit.
Grid Auto Fit for Tailwind CSS A plugin that helps you create a responsive grid layout in Tailwind CSS without using media queries. It uses the auto-f
An E-commerce product page, responsive and dynamic
This is a solution to the E-commerce product page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Responsive, auto-saving To-Do List made from scratch using JavaScript only, but refactoring the code into ES6 standard
Project Name ES6 AWESOME BOOKS Website Name AWSM BOOKS Project Website (GitHub Pages) https://github.com/Zeraltz/es6-awsm-books Clone the Project git
Responsive, auto-saving To-Do List single page application made from scratch using JavaScript only
Project Name To-Do List Website Name What's Next? (TO-DO List) Clone the Project git clone https://github.com/Zeraltz/todo-list.git Built With HTML, C
A Responsive Restaurant Website using Next.JS
Matteo's Pizza π FRONT-END - A Responsive Restaurant Website using NEXT.js Built with love and burning my π§ brain Find me on Linkedin! Technologies
Chrome extension that applies phrase-based line breaking and visible phrase boundaries to the current page.
BudouX Chrome Extension This extension applies the phrase-based line breaking or the Japanese Wakachi-gaki style line breaking to the current page. Pl
MSN Redesign made with Next - Inspired by Igor Monteiro's Layout
MSN Redesign π³ Made with Next - Inspired by Igor Monteiro's Layout | Behance π οΈ Stack Next React Yarn (v1.22.17) CSS in JS CSS - Gradient Responsive
Create Angular Dynamic Forms with only JSON configuration. Full grid layout supported.
Angular Dynamic Forms Angular component that allows the creation of dynamic forms. You can use this component in situations where you get the configur
Admin UI Template is a modern, responsive, and customizable admin UI template for your business.
Admin UI Template is a modern, responsive, and customizable admin UI template for your business. It contains reusable components, theme color, and design support along with dark theme support.
A simple library to draw option menu or other popup inputs and layout on Node.js console.
console-gui-tools A simple library to draw option menu or other popup inputs and layout on Node.js console. console-gui-tools A simple Node.js library
Google Clone using NEXT JS ,SSR, Tailwind and Google API's to search data.
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
Highly customizable, animated, responsive, and dependency-free Evolution Graph implementation
Highly customizable, animated, responsive, and dependency-free Evolution Graph implementation. The package is built with Vanilla JavaScript and is used to create flexible data visualizations and present evolution relationships between entities.
An application that saves the favorite books it's responsive and saves the information
Awesome-books-Project My First Capstone Project This project is made by me and Thigao Ponce we are creating website have a feuture that you can add yo
Video conference layout with tailwindcss & vuejs jsx
Video conference layout with tailwindcss & vuejs jsx
Ctg-exam-2 - Exam Task of HTML , Responsive Page - PSD to HTML - (CTG)
Exam Task of HTML - PSD to HTML - (CTG) This Exam is mainly on PSD TO HTML along
Social-Media-Dashboard - RESPONSIVE Dashboard for social media created with JS, HTML and CSS and with the ability to switch between DARK THEME and LIGHT THEME
Social Media Dashboard Projeto feito com base no desafio do site Front End Mento
A fully responsive React app that allows you to search for movies from Movie Database.
A fully responsive React app that allows you to search for movies from Movie Database (IMDB Alternative).
Script para crear un layout tipo masonry.
light-masonry Script para crear un layout tipo masonry. Solo es necesario tener el contenedor junto a sus hijos que se acomodaran en este tipo de layo
Visual layout editor for matplotlib and any plotting library built upon matplotlib like seaborn.
Matplotlib Layout Generator Before you start: You must have experience with using matplotlib. It needs to be use on desktop. Not designed for mobile.
here in this git repo you will get react js basic layout, having in responsive mode.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
E-Commerce Full Responsive
E-Commerce-Full-Responsive ##(Site,Iphone,Tablet) 3 videos show your responsivity Site (low quality the video sorry): V.site.eccomercec.mp4 Iphone (lo
Responsive Portfolio Website Using Html, Css and JavaScript, With a beautiful user interface
Responsive Portfolio Website Alexa Watch it on youtube Responsive Portfolio Website Alexa Responsive Portfolio Website Using Html, Css and JavaScript,
π¨πΌβπ¨ It is a virtual blackboard, where you can make π drawings through π± the mouse. You have the option to choose π¨ colors and line thickness.
π¨πΌβπ¨ Lets Draw π¨ ΓNDICE 1. Lets-Draw 2. Realization of the Project 3. Technologies used 4. Authors 1. Lets-Draw π¨πΌβπ¨ It is a virtual blackboard
A simple and responsive quizlet-like flashcard component with a few additional options
Welcome to react-quizlet-flashcard π A simple and responsive quizlet-like flashcard component with a few additional options. Front and back card acce
A library that makes Image Map Area responsive
A library that makes Image Map Area responsive
An easy to use and simple masonry layout for React Js based on flexbox column.
React Masonry An easy to use and simple masonry layout for React Js based on flexbox column. Live Preview / Demo In Here Basic Usage Masonry Layout M
UNDER CONSTRUCTION RESPONSIVE TEMPLATE
UNDER CONSTRUCTION RESPONSIVE TEMPLATE Bootstrap Coming Soon underconstruction Responsive Template COMING SOON UNDER CONSTRUCTION RESPONSIVE TEMPLATE
Render readable & responsive tables in the terminal
terminal-columns Readable tables for the terminal. Tables can be automatically responsive! Features Content wrapped to fit column width Column widths
Generate font size variables for a fluid type scale with CSS clamp.
Fluid Type Scale Calculator Generate font size variables for a fluid type scale with CSS clamp. Overview Customize everything, grab the output CSS, an
Wallpik is a stock images & wallpapers downloading web app built with vanilla JavaScript & Pexels API
Wallpik the stock photos & wallpaper web app (Preview) Wallpik Wallpik is a single page application built with HTML, CSS, Vanilla JavaScript & Pexels
World's smallest responsive π₯ css framework (395 bytes)
lit π₯ a ridiculously small responsive css framework. I challenged myself to see how small I could go, but preserve everything Skeleton, Milligram, an
A set of small, responsive CSS modules that you can use in every web project.
Pure A set of small, responsive CSS modules that you can use in every web project. https://purecss.io/ This project is looking for maintainers to supp
Easy responsive tabs - is a lightweight jQuery plugin which optimizes normal horizontal or vertical tabs to accordion on multi devices
Easy responsive tabs - is a lightweight jQuery plugin which optimizes normal horizontal or vertical tabs to accordion on multi devices like: web, tablets, Mobile (IPad & IPhone). This plugin adapts the screen size and changes its action accordingly.
Responsive Tabs is a jQuery plugin that provides responsive tab functionality.
Responsive Tabs is a jQuery plugin that provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint. You can use this plugin as a solution for displaying tabs elegantly on desktop, tablet and mobile.
A free simple responsive HTML email template
Free Responsive HTML Email Template Sometimes all you want is a really simple responsive HTML email template with a clear call-to-action button. Here
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
What is it ? Shaders are the new front-end web developpment big thing, with the ability to create very powerful 3D interactions and animations. A lot
Plock is a responsive masonry layout implementation for React. Very simple to use and easy to understand.
About Plock π Plock is a responsive masonry layout implementation for React. Very simple to use and easy to understand. Can I see a demo? π The demo
Create a card layout that let your user flip through it like you see on Google Tips
#Tip Cards by Pete R. Create an animated card layout that let your viewer flip through it like you see on Google Tips Page. Created by Pete R., Founde
Chart.js Graph-like Charts (tree, force directed)
Chart.js Graphs Chart.js module for charting graphs. Adding new chart types: graph, forceDirectedGraph, dendogram, and tree. Works great with https://
LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.
LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, vid