codrops / FullscreenForm
An experimental fullscreen form concept where the idea is to allow distraction-free form filling with some fancy animations when moving between form fields.
☆546Updated 8 years ago
Related projects: ⓘ
- A simplistic form with inputs shown one at a time. Inspired by the form seen on the end of the [PageLanes website](http://www.pagelanes.c…☆604Updated 8 years ago
- Inspiration for revealing content by morphing the action element.☆592Updated 8 years ago
- Various simple ideas and effects for unobtrusive notifications on a website.☆930Updated 6 years ago
- A simple effect idea for a search input that morphs into a fullscreen overlay. The idea is to enlarge the search input and show some rele…☆263Updated 9 years ago
- An experimental form that uses natural language instead of the usual form layout. Values are entered using custom input elements.☆303Updated 8 years ago
- A simple page preloading animation based on the effect seen on [Fontface Ninja](http://fontface.ninja/)☆281Updated 10 years ago
- An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.☆741Updated 7 years ago
- Creative styles and ideas for custom select elements.☆544Updated 7 years ago
- A fun experimental coloring concept where a color droplet can be dragged from a palette and dropped on designated areas in a website mock…☆271Updated 9 years ago
- A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images.☆461Updated last year
- A set of subtle effects for click or touch interactions inspired by the visualization of screen taps in mobile app showcases. The effects…☆445Updated 9 years ago
- A couple of creative text styles and hover effects for your inspiration. Some effects use experimental techniques including SVG masking a…☆182Updated 9 years ago
- Some inspiration for drag and drop interactions for the modern UI.☆584Updated 8 years ago
- Various hover tooltip styles, shapes and effects for your inspiration.☆210Updated 9 years ago
- A wrapper for the Youtube API - Great for fullscreen background videos or just regular videos.☆291Updated 3 years ago
- Some inspiration for effects on image grids. The ideas include animations on the opening grid item, the disappearance of the grid and the…☆211Updated 8 years ago
- A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.☆360Updated 6 years ago
- A simple, high-performance and cross-browser jQuery rotating / carousel plugin for text phrases powered by Animate.css.☆396Updated 6 years ago
- A jQuery plugin that recreates the Material Design pre-loader (as seen on inbox).☆369Updated 7 years ago
- A responsive, magazine-like website layout with a grid item animation effect when opening the content☆397Updated 3 years ago
- An on scroll effect template that animates the sides of sections once they are in the viewport.☆222Updated 11 years ago
- A set of flat and 3D progress button styles where the button itself serves as a progress indicator. 3D styles are used for showing the pr…☆610Updated 10 years ago
- Add a super simple rotating text to your website with little to no markup☆747Updated 3 years ago
- Some ideas for modern and subtle button styles and effects☆230Updated 9 years ago
- A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.☆141Updated 7 years ago
- animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. You can use the transitions from animate.css or …☆962Updated 5 years ago
- ☆343Updated this week
- An interactive transparency background effect that makes images visible when specific points are hovered, showing some content once click…☆302Updated 8 years ago
- Some simple and creative overlay styles and effects. From sliding the overlay into the viewport to using SVG morphing shapes, we explore …☆503Updated 10 years ago
- Use ajax for your mailchimp form☆520Updated 4 years ago