Log inSign up

Search

Results include substring matches and semantically similar vals. Learn more
stevekrouse avatar
firehose
@stevekrouse
@jsxImportSource https://esm.sh/react
HTTP
/** @jsxImportSource https://esm.sh/react */
import { AtpAgent } from "https://esm.sh/@atproto/api@0.13.15";
import { AnimatePresence, motion } from "https://esm.sh/framer-motion";
import React, { useEffect, useMemo, useRef, useState } from "https://esm.sh/react";
import { createRoot } from "https://esm.sh/react-dom/client";
import { TagCloud } from "https://esm.sh/react-tagcloud@2.2.0";
const service = "https://public.api.bsky.app";
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") {
client();
export default async function server(request: Request): Promise<Response> {
all avatar
excaliEmbed
@all
@jsxImportSource https://esm.sh/react
HTTP
/** @jsxImportSource https://esm.sh/react */
import React from "https://esm.sh/react";
import { createRoot } from "https://esm.sh/react-dom/client";
function App() {
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") {
client();
export default async function server(request: Request): Promise<Response> {
stevekrouse avatar
smoothBluePanther
@stevekrouse
@jsxImportSource https://esm.sh/react
HTTP
/** @jsxImportSource https://esm.sh/react */
import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
import React, { useState, useEffect, useRef } from "https://esm.sh/react";
import { createRoot } from "https://esm.sh/react-dom/client";
function App() {
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") {
client();
async function server(request: Request): Promise<Response> {
const { html, silliness, slang } = await request.json();
const client = new Cerebras();
try {
const completionCreateResponse = await client.chat.completions.create({
messages: [
toowired avatar
inventory
@toowired
@jsxImportSource https://esm.sh/react@18.2.0
HTTP
/** @jsxImportSource https://esm.sh/react@18.2.0 */
import React from "https://esm.sh/react@18.2.0";
import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
{ name: "React", icon: "⚛️", explanation: "A popular JavaScript library for building user interfaces", complexity: 3 },
{ name: "Next.js", icon: "⏭️", explanation: "A React framework with hybrid static & server rendering", complexity: 3 },
function client() {
if (root && typeof React !== 'undefined' && React.useState) {
const { useState, useEffect, useRef } = React;
<React.StrictMode>
</React.StrictMode>
stevekrouse avatar
shySapphireLeopard
@stevekrouse
@jsxImportSource https://esm.sh/react
HTTP
/** @jsxImportSource https://esm.sh/react */
import { renderToString } from "npm:react-dom/server";
import React from "https://esm.sh/react";
import { createRoot } from "https://esm.sh/react-dom/client";
function App() {
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") { client(); }
async function server(request: Request): Promise<Response> {
muhammad_owais_warsi avatar
shySapphireLeopard
@muhammad_owais_warsi
@jsxImportSource https://esm.sh/react
HTTP
/** @jsxImportSource https://esm.sh/react */
import { renderToString } from "npm:react-dom/server";
import React from "https://esm.sh/react";
import { createRoot } from "https://esm.sh/react-dom/client";
function App() {
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") { client(); }
async function server(request: Request): Promise<Response> {
stevekrouse avatar
honEmeraldSnail
@stevekrouse
@jsxImportSource https://esm.sh/react
HTTP
/** @jsxImportSource https://esm.sh/react */
import React, { useState, useEffect, useRef } from "https://esm.sh/react";
import { createRoot } from "https://esm.sh/react-dom/client";
const MODEL = "claude-3-sonnet-20240229";
}, [htmlOutput]);
const sendMessage = async (e?: React.FormEvent) => {
e?.preventDefault();
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") {
client();
async function server(request: Request): Promise<Response> {
Miraj8022 avatar
freeFireMiniGame
@Miraj8022
@jsxImportSource https://esm.sh/react@18.2.0
HTTP
/** @jsxImportSource https://esm.sh/react@18.2.0 */
import React, { useState, useEffect, useRef } from "https://esm.sh/react@18.2.0";
import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
function FreeFire() {
</div>
function client() {
createRoot(document.getElementById("root")).render(<FreeFire />);
if (typeof document !== "undefined") { client(); }
export default async function server(request: Request): Promise<Response> {
stevekrouse avatar
falDemoApp
@stevekrouse
@jsxImportSource https://esm.sh/react
HTTP
/** @jsxImportSource https://esm.sh/react */
import { createFalClient } from "https://esm.sh/@fal-ai/client";
import React, { useState } from "https://esm.sh/react";
import { createRoot } from "https://esm.sh/react-dom/client";
import { falProxyRequest } from "https://esm.town/v/stevekrouse/falProxyRequest";
const [loading, setLoading] = useState(false);
const generateImage = async (e?: React.FormEvent) => {
e?.preventDefault();
try {
const fal = createFalClient({
proxyUrl: "/api/fal/proxy",
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") { client(); }
export default async function server(req: Request): Promise<Response> {
Aditya230 avatar
fantasticPinkCougar
@Aditya230
@jsxImportSource https://esm.sh/react
HTTP
/** @jsxImportSource https://esm.sh/react */
import React, { useState, useEffect } from "https://esm.sh/react";
import { createRoot } from "https://esm.sh/react-dom/client";
function WeatherDashboard() {
return <WeatherDashboard />;
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") { client(); }
export default async function server(request: Request): Promise<Response> {
janu avatar
codeshelf
@janu
@jsxImportSource https://esm.sh/react
HTTP
/** @jsxImportSource https://esm.sh/react */
import React, { useState, useEffect } from "https://esm.sh/react";
import { createRoot } from "https://esm.sh/react-dom/client";
function App() {
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") { client(); }
export default async function server(request: Request): Promise<Response> {
mrshorts avatar
codeLearnerProApp
@mrshorts
@jsxImportSource https://esm.sh/react@18.2.0
HTTP
/** @jsxImportSource https://esm.sh/react@18.2.0 */
import React, { useState } from "https://esm.sh/react@18.2.0";
import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
const LEARNING_RESOURCES = {
textDecoration: 'none'
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") { client(); }
export default async function server(request: Request): Promise<Response> {
akshaybondre123 avatar
ampleCopperMagpie
@akshaybondre123
@jsxImportSource https://esm.sh/react@18.2.0
HTTP
/** @jsxImportSource https://esm.sh/react@18.2.0 */
import { AnimatePresence, motion } from "https://esm.sh/framer-motion@10.16.4";
import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
function CreativeDeveloperPortfolio() {
description: "Intelligent conversational AI with natural language processing",
tech: ["Python", "TensorFlow", "React"],
link: "https://ai-chatbot.example.com",
description: "Real-time cryptocurrency transaction tracker",
tech: ["Solidity", "Web3.js", "React"],
link: "https://blockchain-explorer.example.com",
description: "IoT device management and monitoring system",
tech: ["Node.js", "MQTT", "React Native"],
link: "https://smart-home.example.com",
{ name: "Python", level: 90, color: "bg-blue-500" },
{ name: "React", level: 85, color: "bg-cyan-500" },
{ name: "Machine Learning", level: 80, color: "bg-green-500" },
</motion.div>
function client() {
createRoot(document.getElementById("root")).render(<CreativeDeveloperPortfolio />);
if (typeof document !== "undefined") { client(); }
export default async function server(request: Request): Promise<Response> {
all avatar
goodVibes
@all
@jsxImportSource https://esm.sh/react
HTTP
/** @jsxImportSource https://esm.sh/react */
import React, { useEffect, useRef, useState } from "https://esm.sh/react";
import { createRoot } from "https://esm.sh/react-dom/client";
function App() {
container.removeEventListener("mousemove", setShadow);
const handleTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {
setMainText(e.target.value);
</footer>
function client() {
createRoot(document.getElementById("root")!).render(<App />);
if (typeof document !== "undefined") { client(); }
export default async function server(request: Request): Promise<Response> {
muhammad_owais_warsi avatar
count_visits
@muhammad_owais_warsi
Count Visits Get code and embed it on your website to count the number of visitors.
HTTP
/** @jsxImportSource https://esm.sh/react */
import React, { useEffect, useState } from "https://esm.sh/react";
import { createRoot } from "https://esm.sh/react-dom/client";
function App() {
<div className="result">
<h2>Embed Code (Copy and paste this into your React component):</h2>
<textarea readOnly value={embedCode} />
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") {
client();
async function server(request: Request): Promise<Response> {
const embedCode = `
import { useState, useEffect } from 'react';
function VisitorCounter() {
…
15
…
Next