WDRfree | Web Design, UI Inspiration, resources & Tutorials with Demo

Web Design, UI Inspiration, resources & Tutorials with Demo

Bootstrap NavBars Menus

Enhance your website's navigation with these Bootstrap NavBar examples. Customize and style your menus effortlessly for a seamless user experience.

#Menus #UI #CSS

CSS Clouds

In the ever-evolving realm of web development, creativity knows no bounds. Designers and developers constantly push the envelope, exploring innovative ways to bring artistry to the digital landscape. Among the myriad ele

#CSS2 / CSS3

Wallpaper sizes Guide

In today's digital age, personalizing our electronic devices has become an essential part of our lives. One popular way to add a touch of personality and style to our screens is through custom wallpapers. However, with t

#HD Wallpapers #4k Wallpapers #UI

Number Fonts for Tattoos

Embarking on the journey of getting a tattoo is an exciting and deeply personal experience. Whether you're considering a significant date, a lucky number, or any numerical representation, selecting the right typography i

CSS Reveal Animations

View Example 1 [Animation on load]

#Pure CSS #Animation #CSS

PURE CSS Games

CSS is a powerful tool used to style and format web pages. While it's primarily used for creating visually appealing and responsive websites, CSS can also be used to create fun and interactive games. CSS games often feat

#Pure CSS #HTML 5 #Playground

CSS Blockquotes

Blockquotes are an important feature of web design when it comes to quoting text from external sources or highlighting important text within your content. They can be used to emphasize a point, provide context or attri

#CSS #UI

St patricks day clipart free

Free high-quality St. Patrick's Day Clipart pictures! Download and use them in your website, document or presentation. You can download each on PNG transparent Format. St. Patrick’s Day is a public holiday in the

#Freebies #Free Images

CSS Progress Bars

A progress bar is a graphical element used to indicate the completion of a task. It is commonly used in applications or web pages that require the user to wait while a task is being processed.

#CSS #UI

Thumbnail effect png transparent pack

Free Download Thumbnail Effects Png Transparent at Here  by PNG Base. Thumbnail Effect Png Image With Transparent Background. Check also our premium brush vector Thumbnail Effect Png HD PNG Pi

#Free Images #Freebies

CSS Group (Multi) Buttons

Buttons are an essential part of any website or web application. They are used to initiate an action, navigate to different pages, or even submit a form. Group (multi) buttons are a set of buttons that are placed tog

#CSS #Pure CSS #UI

CSS Waves Effects

CSS Wave examples are demonstrations created with Cascading Style Sheets (CSS) that produce a wave-like effect. Created with CSS and HTML, these examples demonstrate the power of design and animation within webpages. The

#CSS #Pure CSS #Animation

Cool profile picture

Do you want to download Cool Profile Pictures ! Here you can find best high-quality Cool Profile Pics. Choose the perfect profile picture for your accountFor download click righ buttom on profile and select save as..

CSS Snow Effects

Snow effects can add a festive touch and wintery feel to any website. In this tutorial, we’ll show you how to create snow effects using only CSS. Step 1: Create the HTML First, create the HTML for the page. We’ll u

#Pure CSS #CSS #Animation

css gradients

CSS gradients allow you to create smooth transitions between multiple colors on a web page. Using CSS gradients, you can create a wide variety of effects, from subtle background color changes to more dramatic effects l

#CSS #Pure CSS

css animated backgrounds

CSS animations are a great way to add some subtle yet eye-catching effects to your web page. In this tutorial, we'll show you how to create a simple animated background using CSS.

#Pure CSS #CSS #UI

DropDown Menu in css

A dropdown menu is a graphical control element, as well as a software design pattern. A dropdown menu can contain a list of options that the user can select from. When the user clicks on the dropdown menu, the list of op

#CSS #Pure CSS #CSS2 / CSS3

Javascript Tabs

Creating tabs with HTML and JavaScript is a common task that web developers face. There are a few different ways to create tabs, each with its own advantages and disadvantages. In this article, we will explore some of th

#HTML 5 #UI

Css SideBar Menu

A sidebar menu is a type of vertical menu that is typically presented as a side column on a website. It is a very popular way to present navigation options to users, as it can be easily accessed no matter where they are

#Pure CSS #HTML 5 #CSS

css card design

Using CSS to create cards has become increasingly popular in recent years. There are a number of reasons for this. Cards are easy to create and they can be used to display a variety of content in a clean and concise way.

#Pure CSS #CSS #UI

Css styling for tables

Tables are a great way to present tabular data on a web page. They can be used to display data in a grid format, and can be styled using CSS to change the look and feel of the table.

#CSS2 / CSS3 #HTML 5 #CSS

How to Create Simple CSS Grid system

A fully functional grid system without all the extra bloatware, oh wait did I also mention its only 565bytes! Frameworks like Bootstrap and Foundation are amazing and they make our lives a lot better but they often co

#CSS #HTML 5 #UI #Pure CSS

Create an HTML page resume by using 9 html element with ease

Are you looking to create an HTML page? In this HTML tutorial, you will create your first HTML page by making use of nine html elements.  For this exercise, I have taken the design of a simple resume. This is how

#HTML 5

Responsive Forms with CSS Flexbox

Many developers are familiar with the tricks with CSS floats and clearfixes to create multi-column layouts. These tricks are still in use today, as they work and are widely supported across a myriad of browsers. However,

#CSS #HTML 5 #UI

Systematic CSS

Systematic CSS is a simple methodology of Kieran Potts for applying CSS to HTML in a structured, systematic way. It makes it easier to prototype, iterate and scale a web design.

#CSS #HTML 5

How to create a PureCSS Tabs Navigation

Tabbed browsing is a way of navigating a web site that normally uses tabs to display a particular section. How do I create a navigation tab in CSS? The most commonly used way to create a tabbed navigation with pure

#Pure CSS #HTML 5

Tailwind Fast Started Template

In recent times, the battle between CSS frameworks is terrible, and Tailwind CSS has gained much reputation among front end developers, being a large group, those who after testing it decide to continue using it as a ref

#CSS #Free Website Templates #UI #HTML 5

How Convert JPG to WEBP with PHP

What Google represents in the world of search engines is JPEG, also called JPG, in the presentation of photographs and large images on the World Wide Web. A quarter of a century or so after its release, it is hard to ima

#PHP

Free Easter SVG Packs

We have the best Easter SVG Packs files that are suitable for Cricut Design Space or Silhouette. All FREE for personal use. Easter . SVG Vector cut files are a graphic type that can be scaled to use with the Silhouette

#Freebies

Pure CSS Section Divider

splitting your content is very helpful in terms of clean publications and proper layouts. If you want your content to be more readable and enjoyable, it is a great idea to implement a design that makes use of well-divide

#Pure CSS