27 | 🔥 Amazing SaaS Resources & Services! 28 |
29 |37 | We are exploring paths to open-source commercialization. If you want 38 | to promote your open-source or SaaS service, please contact us. 39 |
40 | 69 |109 | {children} 110 |
111 | ); 112 | }; 113 | -------------------------------------------------------------------------------- /packages/ui/src/card-skeleton.tsx: -------------------------------------------------------------------------------- 1 | import { Card, CardContent, CardFooter, CardHeader } from "@saasfly/ui/card"; 2 | import { Skeleton } from "@saasfly/ui/skeleton"; 3 | 4 | export function CardSkeleton() { 5 | return ( 6 |164 | {body} 165 |
166 | ); 167 | }); 168 | FormMessage.displayName = "FormMessage"; 169 | 170 | export { 171 | useFormField, 172 | Form, 173 | FormItem, 174 | FormLabel, 175 | FormControl, 176 | FormDescription, 177 | FormMessage, 178 | FormField, 179 | }; 180 | -------------------------------------------------------------------------------- /packages/ui/src/globe.tsx: -------------------------------------------------------------------------------- 1 | "use client"; 2 | 3 | import { useEffect, useRef, useState } from "react"; 4 | import dynamic from "next/dynamic"; 5 | import { OrbitControls } from "@react-three/drei"; 6 | import { Canvas, extend, Object3DNode, useThree } from "@react-three/fiber"; 7 | import { Color, Fog, PerspectiveCamera, Scene, Vector3 } from "three"; 8 | import ThreeGlobe from "three-globe"; 9 | 10 | import countries from "./data/globe.json"; 11 | 12 | declare module "@react-three/fiber" { 13 | interface ThreeElements { 14 | threeGlobe: Object3DNode100 | 104 | 105 | {item.quote} 106 | 107 |118 |108 | 109 | 110 | {item.name} 111 | 112 | 113 | {item.title} 114 | 115 | 116 |117 |
75 | {renderWords()}
76 |