deals

premiumpacks & web elements frames in css (16 items)

List examples of mockups, sketches and frames Web Parts made ​​in pure CSS.

freebies

This is a beautiful set of bird stamps created with pure CSS by using simple shapes like ovals, skewed rectangles with box-shadows and linear gradi...

This is a beautiful set of bird stamps created with pure CSS by using simple shapes like ovals, skewed rectangles with box-shadows and linear gradients. Created by CodePen user Siddharth Hubli who took inspiration from the artwork of Behance user Mike.

This is a set of 3 frames showing how CSS gradients can be applied to a rounded border. Created by Codepen user George W. Park.

This is a set of 3 frames showing how CSS gradients can be applied to a rounded border. Created by Codepen user George W. Park.

This is a gorgeous iPhone 5 mockup created entirely with CSS and HAML. The cool thing about it is that it does not use any image, yet the author ac...

This is a gorgeous iPhone 5 mockup created entirely with CSS and HAML. The cool thing about it is that it does not use any image, yet the author achieves a realistic look for it. It was brought to life by Avaz Bokiev and posted on Codepen.

Lifetime Access To FastestVPN, Only $29: Adblocker, Anti-Malware, NAT Firewall, Zero Log Policy

Lifetime Access To FastestVPN, Only $29: Adblocker, Anti-Malware, NAT Firewall, Zero Log Policy

This is a nice slideshow in picture frame design created by Joshua Hibbert in Codepen. It actually resembles real oil painting framing, with a trip...

This is a nice slideshow in picture frame design created by Joshua Hibbert in Codepen. It actually resembles real oil painting framing, with a triple frame. It also works as a slider, depicting beautiful illustrations. However, the frame has a shadow that needs improving to be even more realistic.

This is a smooth old Macbook laptop frame with a flat design created by Piers Olensky and uploaded to Codepen. ...

This is a smooth old Macbook laptop frame with a flat design created by Piers Olensky and uploaded to Codepen. This design is perfect for integrating into any web project without having to worry about its looks, since it's all CSS.

Here there is a rounded picture frame with rainbow colored border by Ana Tudor. The frame changes colors and it is very easy to implement into any ...

Here there is a rounded picture frame with rainbow colored border by Ana Tudor. The frame changes colors and it is very easy to implement into any design project you  are currently working on. It was entirely done with CSS and HTML.

TemplateMonster Bootstrap Themes Bundle: 35 Premium Products, Animated, HTML, CSS, JS, SCSS, Pug,

TemplateMonster Bootstrap Themes Bundle: 35 Premium Products, Animated, HTML, CSS, JS, SCSS, Pug,

Here we have a very particular snippet showing a piece of paper with its corners hidden in openings of another ...

Here we have a very particular snippet showing a piece of paper with its corners hidden in openings of another paper in the background. It resembles some sort of folder that used to have these openings, making this design perfect for any type of online presentation content. It was created with CSS by Andrey Matin and uploaded to Codepen.

This is rather a cartoony representation of a hanging frame to expose photographs done in pure CSS, even though the frame has a realistic style. It...

This is rather a cartoony representation of a hanging frame to expose photographs done in pure CSS, even though the frame has a realistic style. It makes use of light in a compelling way, making it look even more realistic. This experiment has been created in CSS.

This is a picture frame created using just box-shadow property, by Joshua Hibbert. Here, the body is used as the picture frame with its background ...

This is a picture frame created using just box-shadow property, by Joshua Hibbert. Here, the body is used as the picture frame with its background linking to the main image. This method can be implemented on any other div element too. The frame is created using multiple box-shadow that creates depth to make it look like a real 3D object. This technique won’t work in browsers that don't support the box-shadow property, like IE8. So make sure you use a latest browser to view this technique. Take a look at the code to learn more about it.

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

This is an experiment created by LukyVj, does not use JS so it is not very functional. It works like this: the white panel (drawing board) is full ...

This is an experiment created by LukyVj, does not use JS so it is not very functional. It works like this: the white panel (drawing board) is full of checkbox inputs, which are activated when you click them. Although, on the live jQuery version, you just need to hover the checkboxes and they’ll get selected automatically. I also put two buttons (one for resetting the drawing and the other one for inverting the selection).

This code snippet uses the border-image property to frame an image in a somehow photo-realistic way. Additional...

This code snippet uses the border-image property to frame an image in a somehow photo-realistic way. Additionally, a “handwritten” caption can be applied. There are some pixel based calculations in here, which are not ideal. The jQuery part is not really necessary; it simply helps keeping the HTML part a little cleaner. Of course, you can remove it and some part of the CSS if you do not want captions at all.

Simple and dotted frame for avatars or other images. This is a very simple creation, consisting of the image wi...

Simple and dotted frame for avatars or other images. This is a very simple creation, consisting of the image within a simple frame that can be modified via CSS in any way possible. It was created by Zzap on Codepen.

40 Premium WordPress Plugins to Revamp Your Website! SEO Optimizing, Campaign Management, Quality Leads Generation & Capture, Page Building, Social...

40 Premium WordPress Plugins to Revamp Your Website! SEO Optimizing, Campaign Management, Quality Leads Generation & Capture, Page Building, Social Conversion Boosting, Mobile Optimizing, Browser Graphical Editors, Opt-In Content Delivery, and so much more! Only 19$!

This great framed poster is made entirely out of CSS (besides the actual logo mark), and the greatest challenge was the reflection (The transparent...

This great framed poster is made entirely out of CSS (besides the actual logo mark), and the greatest challenge was the reflection (The transparent triangle). Just like the author's choice, this can be used to display your work as a designer in a portfolio, tiled, with a teaser from the actual work, and with a relevant color. This experiment was created by Nir Benita.

A framed image with nice drop shadow at the bottom edges. It is flexible, but it is not smooth. The edges look not that nice in Chrome, but it can ...

A framed image with nice drop shadow at the bottom edges. It is flexible, but it is not smooth. The edges look not that nice in Chrome, but it can be easily implemented in any website, blog or mobile app.It has been created in pure CSS by Daniel Riemer.

This is a set of Apple devices with a screen opening animation. It shows you how the animation is seen in diffe...

This is a set of Apple devices with a screen opening animation. It shows you how the animation is seen in different devices like iPhone, iPad, Macbook and Mac. The mockups have a flat design, and they depict accurately the devices from Apple. They are done in CSS and HTML, and uploaded to CSSDesk.

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter ...

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter (8.5 x 11 inches). Only 19$! (93%Off).

A stack of images with a simple white frame. With actually one image and some :before and :after magic. The exp...

A stack of images with a simple white frame. With actually one image and some :before and :after magic. The experiment was created with CSS, and is a very lightweight element for your website when you integrate it, although it is not animated. This simple frame was created by Daniel Riemer on Codepen.