159 Repositories
JavaScript responsive-cards 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
A front-end only implementation of linked template cards for Lovelace
Linked Lovelace by @daredoes A Javascript/Websocket way to do templating in the Lovelace UI Support Hey you! Help me out for a couple of π» or a β ! F
πΎ Simple creating cards using canvas. Welcome, Rank, Info and so on.
β discord-canvas-card Are you developing a bot using DiscordJS and you need beautiful images created using Canvas? You can create great welcome, goodb
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: $
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
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
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
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
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
: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
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 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
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
Hourly weather card for Home Assistant. Visualize upcoming weather conditions as a colored horizontal bar.
Hourly Weather Card by @decompil3d An hourly weather card for Home Assistant. Visualize upcoming weather conditions as a colored horizontal bar. Can y
Cards Against Humanity Game Client made with β‘Nextron (Next.js + Electron) and Typescript
CAH Client Introduction This project is one of the other projects related to the Cards Against Humanity (CAH) game. This client is made in Electron, u
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
Unfurl links into rich cards, as seen in places like Slack and Twitter
eleventy-plugin-unfurl Turn URLs into rich cards. Show a preview image, page title, description and other meta information all inside a neatly present
Card IDE (CIDEr) - Design game cards using HTML/Handlebars, CSS, and tabular data
CIDEr Card IDE (CIDEr) - Design game cards using HTML/Handlebars, CSS, and tabular data. Website: Start using Cider About CIDEr Cider was created to f
Benefit cards API, create and store card data and log transactions
Valex π³ Benefit cards for companies and employees! π» Tech used Overview An API to store benefit cards from companies to employees and log transactio
Page which displays online Lanyard users out of total, and has watched user cards.
Lanyard Online Users Displays usage of Lanyard profile cards. Working on moving the card to a drop-in react component and then will soon be making an
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.
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://
A free & open source project to save your passwords, notes & credit cards
Free & open source project to save your passwords, notes & credit cards with a clean console UI with multiples features such as show information/create information/delete information
Customizable Codegrepper Stat cards.
CodeGrepper Cards Render your grepper data on your profile. The average server reponse is around 3seconds on the first request. Config Base URL https:
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
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
Agile Planning tool for cool team, free, no setup, just come and play.
Voting Poker is an Agile Planning Tool for cool teams We're looking to create a fully customizable Zero config Pretty design tool for teams in demand.
Additional themes for Lovelace Mushroom Cards π
π Mushroom Themes Mushroom themes allow you to customize your Mushroom dashboard using Home Assistant themes. β οΈ It's only a theme! You need to insta
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).
Different Types of Monsters Card of Popular anime. Build in React tech.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya
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
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
A simple guide to HTML head elements
π€― HEAD A simple guide to HTML head elements Table of Contents Recommended Minimum Elements Meta Link Icons Social Facebook Open Graph Twitter Card
A simple credit cards validation library in JavaScript
creditcard.js A simple credit cards validation library in JavaScript. Project website: https://contaazul.github.io/creditcard.js Install creditcard.js
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
Atropos - Stunning touch-friendly 3D parallax hover effects
Atropos Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects. Available for J
Auth-Form-Design - Beautiful Auth Form Designed using React π₯°.
π Auth Form Design π₯³ Features 1. Check Your Password Strength 2. Can Use Suggested Password 3. Enjoy Responsive Design Getting Started with Create R
React-Mini-Projects - Simple React mini-applications
React Mini Projects A Fully Responsive React Application contain these mini apps : Todo App Movie App Budget App Flash Card App Factor App This app wa
This is a Pokemon cards website. There are 800+ pokemon sprites with their name, moves height, weight, and picture
Hi π , I'm Rayan Hossain A passionate Full Stack developer with expertise in WordPress π Iβm currently working on codes_tips π I regularly write ar
A customizable, browser-based and responsive magnetic poetry app.
Magnetic Poetry Maker This is a full-featured magnetic poetry maker written in HTML, CSS, and Javascript (jQuery). You can see it live here. Features