CSS Boxes | Bypeople

deals

premiumpacks & css boxes (23 items)

A hand-picked selection of CSS boxes for multiple purposes like CSS subscribe and login form snippets featuring a variety of effects like shadows, hovers, blurs, flips, as well as stunning animations to create web interfaces with awesome written all over them.

freebies

This is a responsive slider for featured blog posts that can also be used for other things like card sliders and gallery sections. It is built with...

This is a responsive slider for featured blog posts that can also be used for other things like card sliders and gallery sections. It is built with Swiper slider which is a JavaScript library for slider creation, styled using CSS and structured with simple HTML. Created by CodePen user Muhammed Erdem.

4 set box arrangement that works as a feature selector. When toggled the selected box is resized with a smooth transition that scales up the box wh...

4 set box arrangement that works as a feature selector. When toggled the selected box is resized with a smooth transition that scales up the box while shrinking the others. The boxes are structured using flexbox and the animation are achieved only using CSS precompiled via Less. Created by CodePen user Shaw.

UI box is a lightweight CSS animated interactive subscription box. This is an easy to test and implement feature and the snippet was uploaded to Co...

UI box is a lightweight CSS animated interactive subscription box. This is an easy to test and implement feature and the snippet was uploaded to Codepen by user Chouaib Blgn

1000+ Photo Overlays, Only $14! 5k Resolution, 300 DPI, 13 Categories From Bubbles To Leaves & Natural Sunlight (87% Off)

1000+ Photo Overlays, Only $14! 5k Resolution, 300 DPI, 13 Categories From Bubbles To Leaves & Natural Sunlight (87% Off)

This code experiment in CSS and JavaScript consists of a series of categories on top ready to be activated. Once this happens, a set of items appea...

This code experiment in CSS and JavaScript consists of a series of categories on top ready to be activated. Once this happens, a set of items appear accordingly. The code is simple and can be used freely for any project.

A beautiful pure CSS crafted login box responsive to always be centered that features an SVG gaussian blur filter from w3.org set to not create any...

A beautiful pure CSS crafted login box responsive to always be centered that features an SVG gaussian blur filter from w3.org set to not create any visual distortion or inaccuracies of the video background modified by CSS blur filters and set translucid by RGBA parameters.

A beautifully crafted usage example for legomushroom's paper peel effect that features animations for SVG illustrations emulating the exciting sens...

A beautifully crafted usage example for legomushroom's paper peel effect that features animations for SVG illustrations emulating the exciting sensation of peeling of a gift box.

300+ Vector Illustrations Pack + Generator Kit, Only $17: Files In Ai & XD, Sketch, Figma, SVG & PNG Formats, Includes 50+ Premade Scenes & 100+ We...

300+ Vector Illustrations Pack + Generator Kit, Only $17: Files In Ai & XD, Sketch, Figma, SVG & PNG Formats, Includes 50+ Premade Scenes & 100+ Web & Mobile UI Templates, Generator File With All Components & Shapes, Commercial Use

A simple but appealing pure CSS technique that allows you to flip over divs with different content on each side on hover events, in this snippet th...

A simple but appealing pure CSS technique that allows you to flip over divs with different content on each side on hover events, in this snippet the flipping is triggered on hover or tapping events with JavaScript, although it can also be done without JS.

An amazing and quite creative CSS box that allows you to set texts to be showcased as a cinema would feature titles in their marquees.

An amazing and quite creative CSS box that allows you to set texts to be showcased as a cinema would feature titles in their marquees.

A CSS filter-less technique for creating a box that blurs the background image on the area that the box occupies as you drag it around the viewport...

A CSS filter-less technique for creating a box that blurs the background image on the area that the box occupies as you drag it around the viewport, it has the two images (normal and blurred) loaded on the website, only showing the part of the blurred one wherever the box is.

237 Trendy & Unique Vector T-Shirt Designs: Includes High-Resolution Transparent PNG Files, Vector Files in Ai & EPS Format, Print Ready 300dpi, Ed...

237 Trendy & Unique Vector T-Shirt Designs: Includes High-Resolution Transparent PNG Files, Vector Files in Ai & EPS Format, Print Ready 300dpi, Editable Texts, Commercial Use

A nice looking box featuring several tabs that count on long flat style shadows that interact with JS as you switch them around.

A nice looking box featuring several tabs that count on long flat style shadows that interact with JS as you switch them around.

A set of 9 Less made shadows for boxes created with the shadow, radius, transform, and origin functions and applying custom values to each of the d...

A set of 9 Less made shadows for boxes created with the shadow, radius, transform, and origin functions and applying custom values to each of the div classes.

A set of shadows purely crafted in CSS with the box-shadow property and RGBA parameters. They were created based on Google's Material Design living...

A set of shadows purely crafted in CSS with the box-shadow property and RGBA parameters. They were created based on Google's Material Design living style guide where 5 different z-depth levels are specified for Android OS cards.

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustra...

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustrations, Characters, Cartoons & More

A beautifully crafted pure-CSS box that features a nice wavy background consisting of two layers of translucid blue tones that wave randomly.

A beautifully crafted pure-CSS box that features a nice wavy background consisting of two layers of translucid blue tones that wave randomly.

A set of 3 nice outline animations for boxes crafted with pure CSS featuring an underlining, a wiggled bottom line box, and a transition to a marke...

A set of 3 nice outline animations for boxes crafted with pure CSS featuring an underlining, a wiggled bottom line box, and a transition to a marked checkbox.

A set of Material Design cards and buttons that feature shadows built with Less Hat which provides the buttons with the functionality of being rais...

A set of Material Design cards and buttons that feature shadows built with Less Hat which provides the buttons with the functionality of being raised and their shadows fade bigger as you tap and hold on them.

Ornate Vector Animal Illustrations Pack, Only $17: Tribal/Ethnic Designs, Layered EPS Vector Files, 4 Color Variants Per Design, Unique & Colorful ...

Ornate Vector Animal Illustrations Pack, Only $17: Tribal/Ethnic Designs, Layered EPS Vector Files, 4 Color Variants Per Design, Unique & Colorful Illustrations

A code snippet that generates 8 stitched bordered boxes featuring different types of shadows each supporting full responsiveness, styled in pure CS...

A code snippet that generates 8 stitched bordered boxes featuring different types of shadows each supporting full responsiveness, styled in pure CSS individually.

A 3D box built with pure CSS that is animated to roll-over and show all of its six faces which can hold completely different content.

A 3D box built with pure CSS that is animated to roll-over and show all of its six faces which can hold completely different content.

An amazing CSS lay outing technique for div boxes styled with Sass that lets them be split by a slight slant that can be modified by its width in p...

An amazing CSS lay outing technique for div boxes styled with Sass that lets them be split by a slight slant that can be modified by its width in pixels and a few calculations of offset to bring it back to the center.

160+ LowPoly Human 3D Models, Only $29: OBJ, FBX, MAX & MTL Files, Separate TGA Textures Files, 1200-1600 Polygons Per Model, Adult Female, Male & ...

160+ LowPoly Human 3D Models, Only $29: OBJ, FBX, MAX & MTL Files, Separate TGA Textures Files, 1200-1600 Polygons Per Model, Adult Female, Male & Children Models, For Architectural Visualization, Unity3d & Other Graphical Projects, Commercial Use

A smoothly transformable Material Design card styled with basic styles and card modifiers Less that are triggered with JavaScipt as you click on ea...

A smoothly transformable Material Design card styled with basic styles and card modifiers Less that are triggered with JavaScipt as you click on each of the titles, smoothly changing the card shape and layout, as well as the viewport's background color.

Quite a useful tool that allows you to generate custom bordered and corner radius boxes in pure CSS with just a few lines.

Quite a useful tool that allows you to generate custom bordered and corner radius boxes in pure CSS with just a few lines.

A great tool for generating boxes shadows in pure CSS allowing you to customize its opacity, horizontal and vertical lengths, blur radius, and more.

A great tool for generating boxes shadows in pure CSS allowing you to customize its opacity, horizontal and vertical lengths, blur radius, and more.

Android UI Kit, 1100+ Elements & 120+ Premium Templates, Only $19: For Adobe XD, Sketch & Figma, 520+ Vector Icons, 10 Popular Categories, 100% Vec...

Android UI Kit, 1100+ Elements & 120+ Premium Templates, Only $19: For Adobe XD, Sketch & Figma, 520+ Vector Icons, 10 Popular Categories, 100% Vector Shapes, 8px Pixel Perfect Grid, Commercial Use

A set of 8 different pure CSS shadow effects for boxes created by mere usage of CSS WebKit box shadow and transform properties.

A set of 8 different pure CSS shadow effects for boxes created by mere usage of CSS WebKit box shadow and transform properties.

A great collection of 45 different HTML box folding and shadow effects and sticky tape-like ribbons created with pure CSS including a bonus of slid...

A great collection of 45 different HTML box folding and shadow effects and sticky tape-like ribbons created with pure CSS including a bonus of sliding doors.