Sair Programming

Welcome to our Frontend channel! We share animations created with HTML, CSS, and JS. Join us for discussions on frameworks, libraries, and technologies!

[Sair Programming @Sairprogramming]

Telegram channel: https://t.co/VFqc148HZZ

[Sair Programming @Sairprogramming]

Locking Smart Home Dashboard

Smart home panel with lock screen, created in React.

💻Get code - https://t.co/642bXTDcq9

#html #css #js

[Sair Programming @Sairprogramming]

FLIP image grid modal

The animation is implemented using the gsap library.

💻Get code - https://t.co/F3spRW92Rs

#html #css #js #image

[Sair Programming @Sairprogramming]

Navigation bar concept

Designed in HTML and CSS. JS contains the logic for changing CSS classes when clicked.

💻Get code - https://t.co/y4Mm67rOAy

#html #css #js #navigation

[Sair Programming @Sairprogramming]

Card Slider

Slider implemented using the Swiper library.

💻Get code - https://t.co/QVlroscJPe

#html #css #js #slider

[Sair Programming @Sairprogramming]

Two ways to create responsive input fields in CSS!

💻More - https://t.co/VFqc149fPx

#css #js #html #code #web

[Sair Programming @Sairprogramming]

Weather Box

Implemented using Pug and Sass preprocessors.

💻Get code - https://t.co/VFqc148HZZ

#html #css #js #weather #animation #tutorial #code #readycode

[Sair Programming @Sairprogramming]

Product Card

Animated product card created using Haml and SCSS preprocessors.

💻Get code - https://t.co/6F5KbEW4t9

#html #css #js #card

[Sair Programming @Sairprogramming]

CSS-only image slider

Slider elements consist of svg images. When a slide is switched, the CSS filter property is applied to it with different values.

💻Get code - https://t.co/o2Z4EIYPPm

#html #css #js #slider

[Sair Programming @Sairprogramming]

Programming memes 🤣

More - https://t.co/VFqc148HZZ

#memes#programming#developer#funny

[Sair Programming @Sairprogramming]

Split Slick Slideshow

Slider created using the slick-carousel library.

💻Get code - https://t.co/o7cK6hQMmu

#html #css #js #split

[Sair Programming @Sairprogramming]

Sticky Cursor

We leave the ready-made code for creating a sticky cursor in HTML, CSS and JavaScript.

💻Get code - https://t.co/Aghz2Y0Yxm

#html #css #js #cursor

[Sair Programming @Sairprogramming]

Programming memes

#memes#programming#developer#funny

[Sair Programming @Sairprogramming]

Bouncing Text Animation

The text is created using the Splitting library. Animations are implemented in CSS keyframes.

💻Get code - https://t.co/keeahhup44

#html #css #js #text

[Sair Programming @Sairprogramming]

3D Hover Card Gallery

Card gallery created with HTML and CSS. When hovering over a card, several CSS animations are activated.

💻Get code - https://t.co/5uxwcM750u

#html #css #js #hover

[Sair Programming @Sairprogramming]

Neural nervous system of a brain

The position of each individual neuron is specified using Math.random().

💻Get code - https://t.co/VFqc148HZZ

#html #css #js #background

[Sair Programming @Sairprogramming]

Future navigation with glass effect

💻Get code - https://t.co/VFqc149fPx

#html #css #js #navigation #animation #website #webdesigner

[Sair Programming @Sairprogramming]

Hover fill card

We share the code for creating hover cards that expand when hovered, using HTML and CSS.

💻Get code - https://t.co/VFqc149fPx

#html #css #js #hover

[Sair Programming @Sairprogramming]

Futuristic Loader

A unique loader whose parameters are set via JS.

💻Get code - https://t.co/NM35IMtAYg

#html #css #js #loader