1 repository
UI controls that allow users to toggle between different language implementations of the same code block.
Distinct from Language Implementation Frameworks: Candidates refer to language implementation or speech synthesis, not UI elements for switching code views.
Explore 1 awesome GitHub repository matching user interface & experience · Code Language Pickers. Refine with filters or upvote what's useful.
Codehike este un framework de documentație bazat pe React și un instrument interactiv pentru walkthrough-uri de cod. Acesta funcționează ca un orchestrator de conținut markdown care transformă markdown-ul decorat în date structurate și componente React, servind drept strat de vizualizare pentru evidențierea secțiunilor de cod, a diferențelor (diffs) și a erorilor de compilare. Proiectul se distinge prin capacitatea de a crea experiențe de tip "scrollycoding" și tutoriale tehnice pas cu pas. Dispune de animații la nivel de token care demonstrează vizual modul în care logica evoluează între versiunile de cod și oferă un sistem pentru sincronizarea stării UI cu poziția de scroll a browserului. Framework-ul acoperă o gamă largă de capacități de vizualizare, inclusiv crearea de slideshow-uri de cod, layout-uri de tip spotlight și blocuri de cod cu tab-uri. Suportă adnotarea detaliată a codului prin tooltips, callout-uri și note de subsol, precum și utilitare funcționale precum switchere de limbaj, transpilarea codului și integrarea datelor de compilare în timp real. Sistemul utilizează validarea bazată pe schemă pentru a asigura siguranța tipurilor și consistența datelor structurate extrase din fișierele markdown.
Displays a picker that allows users to toggle between multiple language implementations of the same block.