twc-ui
LightNews LightNews
banner
twc-ui
@twc-ui.bsky.social
10 followers 9 following 4 posts
DRY-er, more accessible shadcn/ui-inspired React Aria components, optimized for Inertia.js with Laravel's Precogintion build in.

https://github.com/dspangenberg/twc-ui

#shadcn #inertiajs #reactjs #laravel #typescript #tailwind
Posts Replies Media Videos
PDF-Container / PDF-Viewer

React Shadcn
#react #shadcn
Screenshot of the PdfContainer Screenshot of the PdfViewer (Promise) import { PdfViewer } from '@/components/twc-ui/pdf-viewer' const doSomething = async () => { await PdfViewer.call({ file: '/compressed.tracemonkey-pldi-09.pdf' }) } import { PdfContainer } from '@/components/twc-ui/pdf-container' export const Demo = () => { return ( <PdfContainer file="/compressed.tracemonkey-pldi-09.pdf" /> ) } export default Demo
December 18, 2025 at 8:44 PM
Alert dialog with promise
#react #shadcn
December 18, 2025 at 8:34 PM
Sneak preview: A DRYer form with precognition. #reactjs #shadcn #intertiajs #laravel
import { DemoContainer } from '@/components/docs/DemoContainer' import { Button } from '@/components/twc-ui/button' import { Form, useForm } from '@/components/twc-ui/form' import { FormGroup } from '@/components/twc-ui/form-group' import { TextField } from '@/components/twc-ui/textfield' import { Head } from '@inertiajs/react' interface Props { contact: App.Data.ContactData } export default function FormDemo ({ contact }: Props) { const form = useForm<App.Data.ContactData>( 'contact-form', 'post', route('contact.store'), contact ) return ( <DemoContainer> <Head title="Form Demo" /> <Form form={form} errorVariant="field"> <FormGroup> <div className="col-span-12"> <TextField label="First name" {...form.register('first_name')} /> </div> <div className="col-span-12"> <TextField label="Last name" {...form.register('last_name')} /> </div> <div className="col-span-12"> <TextField label="E-Mail" {...form.register('email')} /> </div> <div className="col-span-12"> <Button title="Save" type="submit" /> </div> </FormGroup> </Form> </DemoContainer> ) }
June 17, 2025 at 3:01 PM