adarsh-gupta101’s gists

adarsh-gupta101 / Bulma.html

Created May 13, 2025 13:09

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Document</title>
	<link
	rel="stylesheet"
	href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css"

adarsh-gupta101 / AntDesign.html

Created May 13, 2025 13:00

	<!DOCTYPE html>
	<html>
	<head>
	<title>LambdaTest Test Report</title>
	<!-- Import Ant Design styles -->
	<link
	rel="stylesheet"
	href="https://cdn.bootcdn.net/ajax/libs/antd/4.16.2/antd.min.css"
	/>
	<!-- ant design cdn and everything -->

adarsh-gupta101 / TailwindCSS-example.html

Created May 13, 2025 12:58



	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">


	<script src="https://cdn.tailwindcss.com"></script>

adarsh-gupta101 / Tailwind.jsx

Created May 12, 2025 17:47

	<div class="max-w-sm bg-white border border-gray-200 rounded-lg shadow-sm dark:bg-gray-800 dark:border-gray-700 m-12">
	<a href="#">
	<img class="rounded-t-lg" src="https://www.lambdatest.com/resources/images/meta/he-og.png" alt="LambdaTest HyperExecute" />
	</a>
	<div class="p-5">
	<a href="#">
	<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Lightning-Fast Test Execution with HyperExecute</h5>
	</a>
	<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Explore LambdaTest’s HyperExecute, a blazing fast test orchestration cloud that helps developers and QA teams accelerate end-to-end testing at scale.</p>
	<a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">

adarsh-gupta101 / MaterialUI.jsx

Created May 12, 2025 15:27

	import React from "react";
	import { Card, CardMedia, CardContent, Typography } from "@mui/material";
	import { Box } from "@mui/system";


	const App = () => {
	return (
	<Box>
	<Card sx={{ maxWidth: 500, padding: 5, margin: 2 }}>
	<CardMedia

adarsh-gupta101 / Primereact.jsx

Created May 8, 2025 17:43

	import React, { useState, useEffect } from "react";
	import { Chart } from "primereact/chart";
	import { Card } from "primereact/card";


	export default function FrameworkChart() {
	const [chartData, setChartData] = useState({});
	const [chartOptions, setChartOptions] = useState({});

adarsh-gupta101 / theme-ui.jsx

Created May 8, 2025 17:38

	import React, { useState } from "react";
	import { Box, Image } from "theme-ui";


	const ImageCarousel = () => {
	const [currentImageIndex, setCurrentImageIndex] = useState(0);
	const images = [
	"https://images.pexels.com/photos/15130357/pexels-photo-15130357.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
	"https://images.pexels.com/photos/15316227/pexels-photo-15316227.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
	"https://images.pexels.com/videos/7592810/cavalry-cold-dawn-daylight-7592810.jpeg",

adarsh-gupta101 / NextUI.jsx

Created May 8, 2025 17:31

	mport { Button, Card, Image, Text } from "@nextui-org/react";


	export default function App() {
	return (
	<Card css={{ mw: "400px" }}>
	{/* center it */}
	<Card.Body css={{ textAlign: "center" }}>
	<Text h2>Cross Browser Testing</Text>

adarsh-gupta101 / Evergreen.jsx

Created May 8, 2025 17:16

	import * as React from "react";
	import { CornerDialog, Button } from "evergreen-ui";
	const App = () => {
	return <BasicCornerDialogExample />;
	};


	export default App;

adarsh-gupta101 / Fluent.jsx

Created May 8, 2025 17:13

Adarsh Gupta adarsh-gupta101