
About
Dive into the futuristic universe of CyberFiction — a cyberpunk-inspired digital experience crafted for immersive storytelling and interactive engagement. This demo showcases core mechanics, visual aesthetics, and gameplay features from the open-source CYBERFICTION project. Designed with modern game dev tools and a retro-futuristic style, this video captures the dystopian vibe and high-tech artistry of the cyber world.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds CyberFiction to your project and fits it to your theme.
Code
How CyberFiction is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { MyComponent } from "@/components/ui/cyber-fiction";
import { Button } from "@/components/ui/button";
import { LucideIcon } from "lucide-react";
import * as React from "react";
// Demo Variant 1
export const DemoVariant1 = () => (
<div>
<MyComponent prop="value" />
</div>
);
// Demo Variant 2
export const DemoVariant2 = () => (
<div>
<MyComponent anotherProp="anotherValue" />
</div>
);
export { DemoVariant1, DemoVariant2 };
