SairProgramming
Open in Telegram
Welcome to our Frontend channel! We share animations created with HTML, CSS, and JS. Join us for discussions on frameworks, libraries, and technologies! Group for questions https://t.me/+K3lWCAL21cE2MzFi Buy ads @abduvoxit260803
Show moreThe country is not specifiedTechnologies & Applications15 611
6 210
Subscribers
No data24 hours
-87 days
-2130 days
Posts Archive
6 210
Bouncy Star Rating
Each star is a radio button. When clicked, CSS animations are launched.
SairProgramming
#html #css #js #star
6 210
Projections
In JS, the values of CSS variables are changed, which are used to create the drop-shadow effect.
SairProgramming
#html #css #js #text
6 210
Text Fade In
Styled and animated in HTML and SCSS. When scrolling, certain CSS classes are activated via JS.
SairProgramming
#html #css #js #text
6 210
Slider boomerang effect
An unusual slider that can be scrolled using buttons or the mouse wheel.
SairProgramming
#html #css #js #slider
6 210
Encrypted Password Reveal
The layout is implemented in HTML and CSS. Animated by gsap library.
SairProgramming
#html #css #js #password
6 210
3d slider
The 3D effect is created using CSS transform. Automatic scrolling is implemented in JS.
SairProgramming
#html #css #js #slider
6 210
CSS Night Train Ride Animation
Created using Pug and SCSS preprocessors.
SairProgramming
#html #css #js #train
6 210
CSS Media Cards
Several cards created in React and animated using the gsap library.
SairProgramming
#html #css #js #card
6 210
Liquid Distortion Effect
Created and animated on canvas and pure JS using WebGL capabilities.
SairProgramming
#html #css #js #img
6 210
Play button
This is an SVG image animated in CSS. JS has created the logic for changing styles on hover.
SairProgramming
#html #css #js #play #button
6 210
Starry Campsite
The entire scene is implemented using the capabilities of Pug and SCSS preprocessors.
SairProgramming
#html #css #js #background
6 210
WebGL liquid masking
Created on canvas using WebGL technology.
SairProgramming
#html #css #js #background
6 210
Color Gradient Feature Table
This table is implemented using Pug and CSS. The settings are tied to CSS variables, the values of which are changed in JS.
SairProgramming
#html #css #js #color
6 210
Bubbles
The bubbles are generated in JS and then styled and animated in CSS.
SairProgramming
#html #css #js #bubbles
6 210
Responsive Scroll-Driven Text Reveals
The text fills in as you scroll the page. Created without using JS.
SairProgramming
#html #css #js #text
6 210
Cube Effect Slider
The cube was made using the Swiper library. Background particles are generated by the tsparticles library.
SairProgramming
#html #css #js #slider
6 210
Dropping Radio Buttons
Designed in HTML and CSS. Animated in JS.
SairProgramming
#html #css #js #toggle
6 210
Leap Frog Likes
These are several svg images that are animated in CSS.
SairProgramming
#html #css #js #like
6 210
CSS Scroll-Driven Glow Cards
The animation is implemented using gsap. The launch is carried out by the ScrollTrigger plugin.
SairProgramming
#html #css #js #scroll
