RI Suvo risuvoo

✅ Done

(Completed features will appear here.)

🔄 In Progress

(Keep the one you are building here now)

Custom Select Component

This repository includes a fully custom select implementation that replaces the native <select> control with an accessible, keyboard-friendly, and themeable component written in vanilla JavaScript and Tailwind CSS.

Features

💡 Drop-in Replacement – Works with any <select> and keeps the original element in sync for form submissions.

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<title>Tabs Demo</title>
	</head>
	<body>
	<section data-tab-section="demo-tabs">
	<div>
	<ul>

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="utf-8" />
	<title>Swiper demo</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
	<!-- Link Swiper's CSS -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
	<script src="https://cdn.tailwindcss.com"></script>


	@import "tailwindcss";

	@theme {
	/* fonts */
	--font-graphik: "Graphik", sans-serif;
	--font-acaslon-pro: "ACaslonPro", serif;

	/* font sizes */
	--text-36: clamp(28px, 8px + 2vw, 36px);


	/* width */
	.primary-scrollbar::-webkit-scrollbar {
	width: 2px;
	}

	/* Track */
	.primary-scrollbar::-webkit-scrollbar-track {
	background: #e7e5ff;
	}

	<div class="w-full">
	<svg class="hidden">
	<symbol
	id="star"
	xmlns="http://www.w3.org/2000/svg"
	viewBox="0 0 23 23"
	stroke-width="1.5"
	class="size-5"
	stroke="currentColor"
	fill="none"

	html========

	<div class="mini-chart">
	<svg>
	<circle
	stroke="#e8e8e8"
	cx="38"
	cy="38"
	r="33"
	></circle>

	// Install this Package Link: https://www.npmjs.com/package/prettier-plugin-blade

	npm install prettier-plugin-blade@^2


	// create prettierrc file and add this code

	{
	"plugins": ["prettier-plugin-blade"],
	"printWidth": 200,

	[
	{
	"name": "Afghanistan",
	"dial_code": "+93",
	"code": "AF"
	},
	{
	"name": "Aland Islands",
	"dial_code": "+358",
	"code": "AX"