Skip to content

Instantly share code, notes, and snippets.

View uicodee's full-sized avatar
🏠
Working from home

Abduxalil Abduxalilov uicodee

🏠
Working from home
45 followers · 8 following
  • uicode
  • Ferghana
  • 12:16 (UTC +05:00)
View GitHub Profile
@uicodee
uicodee / gist:f0d0cdf2f92e4f4699294b9c4ae3637d
Created June 5, 2025 07:43
import {
AnimatePresence,
motion,
useInView,
UseInViewOptions,
Variants,
MotionProps,
} from "motion/react";
import { useRef } from "react";
@uicodee
uicodee / use-back-button.tsx
Created May 30, 2025 07:16
import { backButton, hapticFeedback } from "@telegram-apps/sdk-react";
import { useCallback, useEffect } from "react";
import { useNavigate } from "react-router-dom";
interface BackButtonProps {
customCallback?: () => void;
enabled?: boolean;
}
export const useBackBtn = (props?: BackButtonProps) => {
@uicodee
uicodee / index.html
Created October 9, 2024 05:20
<!DOCTYPE html>
<html lang="en" class="h-full">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="style.css" />
<title>Blum</title>
</head>
<body
@uicodee
uicodee / style.css
Created October 9, 2024 04:19
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
* {
margin: 0;
padding: 0;
}
body {
font-family: "Roboto", sans-serif;
}
@uicodee
uicodee / index.html
Created October 9, 2024 04:18
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/styles.css" />
<title>Document</title>
</head>
<body>
<p>
@uicodee
uicodee / styles.scss
Created October 7, 2024 12:45
* {
margin: 0;
padding: 0;
font-family: "Poppins", sans-serif;
transition: all 0.3s ease-in-out;
}
.container {
width: 800px;
padding: 30px;
@uicodee
uicodee / index.html
Created October 7, 2024 12:45
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
@uicodee
uicodee / styles.scss
Created October 7, 2024 12:18
* {
margin: 0;
padding: 0;
font-family: "Poppins", sans-serif;
}
table {
border: none;
}
@uicodee
uicodee / index.html
Created October 7, 2024 12:18
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
@uicodee
uicodee / index.html
Created October 7, 2024 05:25
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/styles.css" />
<title>Document</title>
</head>
<body>
<div class="container">