Discover @Rustcodeweb Open Source projects

Rustcode (@Rustcodeweb)

Rustcodeweb

Stars
37
Global Rank 421,862 (Top 15 %)
Followers 53
Registered almost 6 years ago
Most used languages

CSS
61.5 %

HTML
34.6 %

JavaScript
3.8 %
Location 🇮🇳 India
Country Total Rank 20,078
Country Ranking

CSS
440

HTML
2,407

Profile-Card-Design

When we design any websites, we need to design a profile page, which is contained the profile card. Apart from this, we design a profile card of our clients, users, employees to show the profile of them. For an attractive website ui design, we need to design an attractive profile card with various animation effects. Here I am going to design a profile card. This profile card is very simple and attractive, does not contain too many effects.

Modern-Website-Landing-Page

Cursor-Animation-With-Hover-Effect-Using-GSAP

Link-Hover-Effect-With-Svg-Using-Html-And-Css-Only

3D-Flip-Image-Effect-On-Hover

Smooth-Parallax-Scrolling-Effects

credit-card-design

Pure-Css-To-Do-List-With-Checkbox

Grid-Layout-Responsive-Website-Design

Simple-Search-box

Pure-Css-Typewriter-Effect

Simple-Button-Group-Deisgn

How-to-convert-text-or-link-into-QR-code

Coming-Soon-Website-Template

Comment-Card-Design-Html-Css-And-Bootstrap

Animated-Search-Box

Image-Transition-Effect-On-Hover

Pure-Css-Sticky-Navigation-Bar

Particle-Background-Animation

Gaming-CPU-Landing-Page-Design-Using-GSAP

OTP-Verification-Card-Design

Profile-Card-Skeleton-Screen

"Profile Card Skeleton Screen" is a general animation that is usually used by a lot of websites like news, social media websites. In this effect, a loading bar appears instead of the website content and a skeleton screen appears until the entire website content is loaded.

Multiple-Overlay-Animation-On-Image

Navigation-Bar-With-Hover-Line-Effect

Modern-Salon-Website-Landing-Page

we will design a landing page, for its structure we used the "flex-box" concept. Apart from this, we also put some animations on this landing page. To add animations, we used JavaScript libraries like gsap, lettering.js, jquery, textillate.js, and animation.css. This video will give you enough information about how to design a landing page with the proper structuring of each element.

Automatic-And-ManualResponsive-Image-Slider