55 Repositories
JavaScript cypress-hover Libraries
A template for your Next.js projects including Typescript, Eslint, Prettier, Jest, Cypress and Docker.
Next.js Template Quickly start a new Next.js project A template for your Next.js projects including Typescript, Eslint, Prettier, Jest, Cypress and Do
Cypress Boilerplate with Cucumber (BDD)
Cypress Boilerplate with POM and Cucumber Download & Configuration npm init -- package.json npm install cypress cypress-cucumber-preprocessor -- pac
An easy to implement marquee JQuery plugin with pause on hover support. I know its easy because even I can use it.
Simple-Marquee Copyright (C) 2016 Fabian Valle An easy to implement marquee plugin. I know its easy because even I can use it. Forked from: https://gi
Pure JavaScript library that add .is-hover class instead of css :hover for mobile and desktop.
MultiDeviceHover Pure JavaScript library that add .is-hover class instead of css :hover for mobile and desktop. Usage Install Using npm, install multi
Easy conditional if-else logic for your Cypress testsDo not use
cypress-if Easy conditional if-else logic for your Cypress tests Tested with cy.get, cy.contains, cy.find, .then, .within commands in Cypress v9 and v
Group together Tailwind CSS modifiers like focus, peer-checked, dark:hover and more with HTML attributes 👩🚀
Tailwind CSS Group Classes Group together Tailwind CSS modifiers like focus, peer-checked, dark:hover and more with HTML attributes 👩🚀 Using with a
A vanilla js library to show preview images on hover
Hover Preview A vanilla js library to show preview images on hover, check a Demo here Please watch 👀 or star 🌟 this repo if you like it. Getting sta
Vanilla JavaScript version of jquery-hoverIntent
sv-hover-intent sv-hover-intent is a JavaScript plugin for handling mouse hovers on a delay. It tracks when the mouse movement has slowed enough that
Javascript library to animate images on hover.
Ripple Hover Effect Javascript library to animate images on hover. If this project help you, don't forget to star it. Codepen demo by Essam Abed Demo
A Cypress plugin that generates test scripts from your interactions, a replacement Cypress Studio for Cypress v10 🖱 ⌨
DeploySentinel Cypress Recorder Plugin Create Cypress tests scripts within the Cypress test browser by simply interacting with your application, simil
A clean and lightweight TypeScript Next.js Starter powered by the tools (nearly) everybody use
This is a template for a Next.js project based on create-next-app Report Bug · Request Feature ⚡ Quickstart You can click on the button Use this templ
A simple step by step tooltip helper for any site
Tooltip Sequence A minimalistic set of tooltips on your app. What it does So suppose you create a Web Application and you want to take your users or a
Autocomplete, diagnostics, hover info & more for the Wally package manager
Wally Utilities This VSCode extension provides some nice-to-haves when using the Wally package manager. The extension can be downloaded from the Visua
🚀 A boilerplate with generic configurations to a Nextjs project with bun, vitest, cicd and etc
👕 Next.JS Template with Linter 🔨 Tools: NextJS Typescript ESLint (Code Pattern) Prettier (Formatter) Husky (Pre-commit) Vitest (Unit/Integration Tes
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.
Intro iHover is a collection of hover effects using pure CSS, inspired by this codrops article, powered by Sass. Demo: https://gudh.github.io/ihover/d
Enable hover capabilities for Cypress. 🛸
cypress-hover 🛸 Enable hover capabilities for Cypress 🛸 with zero dependencies! 💯 Installation npm install cypress-hover Usage In your cypress/sup
A simple application to estuding tests end-to-end in Angular with Cypress
Conhecimento sobre testes End to End (ponta a ponta) Sobre o Cypress: Testes feitos do sistema para ver como um usuário se comportaria, esses testes é
Custom Remix stack using Clerk for authentication and full user management.
New Wave Stack Learn more about Remix Stacks. For more on our thoughts on the New Wave Stack check out our blog post. To view this template in deploym
A social network where you can share posts, view your profile metrics and follow other users.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
🖱or ⌨️? 🤷♀️, but hopefully use-hover-state works on the "user intent" not the "device"
useHoverState() The one aware of keyboard navigation as well 😉 npm i use-hover-state A React hook for tracking user interaction with the DOM elements
A fully configurable & customizable Remix PWA stack.
Remix RockSpec Stack Learn more about Remix Stacks. npx create-remix --template ShafSpecs/rockspec-stack What's in the stack Fly app deployment with
Export Cypress Tests from Google Chrome DevTools' Recorder
@cypress/chrome-recorder This repo provides tools to export Cypress Tests from Google Chrome DevTools' Recordings Installation $ npm install -g @cypre
Qovery Web Console 🌎
Qovery console Quick start yarn // start project yarn start // start storybook yarn run storybook Generate an application Run nx g @nrwl/react:app my-
An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.
Hover Preview Effect with Mini Map An experimental hover effect, where a content preview is shown while a mini map indicates the position of the curso
Aprendendo a testar Aplicações Javascript
Aprendendo a testar Aplicações Javascript Testes no ecossistema Javascript. Simples libs utilitárias, passando por uma API REST e finalmente chegando
Run cucumber/gherkin-syntaxed specs with Cypress
cypress-cucumber-preprocessor This preprocessor aims to provide a developer experience and behavior similar to that of Cucumber, to Cypress. Installat
GitHub Action that posts the report in a comment on a GitHub Pull Request from coverage data generated by nyc (istanbul)
GitHub Action: Report NYC coverage GitHub Action that posts the report in a comment on a GitHub Pull Request from coverage data generated by nyc (ista
A repository of a Cypress testing demo
adeoweb-cypress-demo This is a repository of a Cypress testing demo. Based on adeoweb.biz website case study. What is this talk We will 👀 live-code a
A cypress plugin for projects using @azure/msal-browser
A cypress plugin for projects using @azure/msal-browser
Parse/Next Monorepo Starter
Parse/Next Monorepo Starter All in one template monorepo to build and deploy apps faster than ever with modern technologies. Technologies Parse Server
Etch-a-Sketch - Resizable grids that change color when you hover over it
Etch-a-sketch This repository contains a basic resizable grid which changes its
Access the internals of React components from Cypress end-to-end tests
cypress-react-app-actions Access the internals of React components from Cypress end-to-end tests Read Access React Components From Cypress E2E Tests a
Cypress Playback is a plugin and a set of commands that allows Cypress to automatically record responses to network requests made during a test run.
Cypress Playback 🔄 Automatically record and playback HTTP requests made in Cypress tests. Cypress Playback is a plugin and a set of commands that all
Cypress commands are asynchronous. It's a common pattern to use a then callback to get the value of a cypress command
cypress-thenify Rationale Cypress commands are asynchronous. It's a common pattern to use a then callback to get the value of a cypress command. Howev
Projeto de exemplo para realização de testes de integração (API) utilizando o Cypress
Projeto de exemplo para realização de testes de integração (API) utilizando o Cypress
🚀Starter project with Angular 13, Ngx-admin, NestJS, Nx Workspace, Jest, Cypress, ESLint & Prettier 🚀
Angular 13 + Ngx-admin + NestJs + NX Starter project with Angular 13, Ngx-admin, NestJs, Nx Workspace, Jest, Cypress, ESLint & Prettier Features ✅ Ang
Javascript library to draw and animate images on hover
Hover effect Javascript library to draw and animate images on hover. If this project help you, you like this library or you just want to thank me, you
Using Cypress with Vite, React, TypeScript, MSW and react-query
Vie + Cypress + MSW + react-query Demo Example of using Cypress with Vite, MSW and react-query. Uses the appReady pattern to signal to Cypress when th
React.js todo app with authorization, Testing: Cypress(e2e), UI (Chakra UI), Eslint, prettier, git hooks
React TypeScript template with Vite This is a React + TypeScript boilerplate built with Vite. What's inside? ReactJS Vite TypeScript Jest Testing Libr
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
Demo of the tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion effect on hover.
Crosshair Mouse Cursor Distortion Demo of the tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion effect on hov
POST stories. GET features.
User Story Introduction The goal of User Story is to design and present a scalable backend infrastructure that delivers a web interface allowing users
A preview component of the creator with more information on hover.
vue-creator-preview Introduction A preview component of the creator with more information on hover. Checkout the Demo here. Installation Install using
Filter tests using substring
cypress-grep Filter tests using substring # run only tests with "hello" in their names npx cypress run --env grep=hello ✓ hello world - works -
Some shape morphing hover effects on images using SVG clipPath.
Organic Shape Animations with SVG clipPath Some shape morphing hover effects using SVG clipPath on an image. Article on Codrops Demo Credits Anime.js
Some ideas for decorative link distortion effects using SVG filters.
Distorted Link Effects A couple of ideas for decorative link distortion effects using SVG filters on lines, circles and squares. Article on Codrops De
A set of buttons with a magnetic interaction and a hover effect.
Magnetic Buttons A small set of magnetic buttons with some fun hover animations. Inspired by the button animation seen on Cuberto. Article on Codrops
Pure CSS Image Hover Effect Library
imagehover.css A Scaleable & Light Image Hover CSS Library Imagehover.css is a lovingly crafted CSS library allowing you to easily implement scaleable
Simple jQuery plugin for 3d Hover effect
jQuery Hover3d jQuery Hover3d is a simple hover script for creating 3d hover effect. It was my experiment on exploring CSS3 3d transform back in 2015
👓 Parallax tilt hover effect for React JS - tilt.js
React.js - Tilt.js React version of tilt.js Demo https://vx-demo.now.sh/gallery Install yarn: yarn add react-tilt npm: npm install --save react-tilt U
magneticHover lets you trigger hover effect on the element when the cursor is near it, but not over it yet
magneticHover magneticHover lets you trigger hover effect on the element when the cursor is near it, but not over it yet. Examples https://codesandbox
Demos for the tutorial on how to achieve an interactive mouseover/hover effect
Interactive Hover Effects with Three.js A simple tutorial on how to achieve an interactive mouseover/hover effect on images in some easy steps. Articl
A motion hover effect for a background grid of images.
Image Grid Motion Effect A motion hover effect for a background grid of images. Article on Codrops Demo Installation Install dependencies: npm install
Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.
Background Scale Hover Effect Recreation of the background scale hover effect seen on the DDD Hotel menu using CSS clip paths. Article on Codrops Demo