Hyena Studio

hyenastudio

StudioExport

9.5k

ComponentsResizable

Bundle

Default

Panel A

Panel B

With Handle

Panel A

Panel B

Panel A

Panel B

Vertical

Header

Content

Three Panels

Sidebar

Dashboard

Projects

Settings

Help

Main Content

Inspector

Nested

Sidebar

Editor

Terminal

With Collapse

Panel A

Panel B

Interactive

Explorer

src/

├ App.tsx

├ index.ts

├ utils.ts

components/

├ Button.tsx

├ Input.tsx

Editor

import { useState } from 'react'
 
export function App() {
  const [count, setCount] = useState(0)
 
  return (
    <div>
      <h1>Count: {count}</h1>
    </div>
  )
}

Terminal

$ npm run dev
▶ Ready on http://localhost:3000
✓ Compiled in 245ms

Explorer: 25% | Editor: 49% | Terminal: 26%