panes
ππ± Create dynamic modals, cards, panes for your applications in few steps. Any framework and free.
νμΌ νμκΈ°
μ΅μ’ λ²μ λ€μ΄λ‘λ (.zip)- config.yml
- bug_report.md
- feature_request.md
- FUNDING.yml
- index.js
- backdrop.js
- fit-height.js
- follower.js
- horizontal.js
- index.js
- inverse.js
- modal.js
- z-stack.js
- events.d.ts
- index.d.ts
- keyboard.d.ts
- resize.d.ts
- backdrop.d.ts
- fit-height.d.ts
- follower.d.ts
- horizontal.d.ts
- index.d.ts
- inverse.d.ts
- modal.d.ts
- z-stack.d.ts
- breakpoints.d.ts
- cupertino-pane.d.ts
- device.d.ts
- events-emitter.d.ts
- index.d.ts
- models.d.ts
- public-api.d.ts
- settings.d.ts
- support.d.ts
- transitions.d.ts
- cupertino-pane.esm.js
- cupertino-pane.esm.min.js
- cupertino-pane.esm.min.js.map
- cupertino-pane.js
- cupertino-pane.js.map
- cupertino-pane.min.js
- cupertino-pane.min.js.map
- ai-chatbot.gif
- bulletin.gif
- custom-transitions.gif
- notifications.gif
- overflow.gif
- picture-in-picture.gif
- z-stack.gif
- logo-1-mini.jpg
- logo-1.jpg
- logo-2-mini.png
- logo-2.png
- logo-3.png
- logo-4.jpg
- logo-5.jpg
- logo-6.jpg
- banner.js
- build-bundle.js
- build-core.js
- build-modules.js
- gulpfile.js
- ai-sdk.svg
- anthropic.svg
- crewai.svg
- gemini.svg
- grok.svg
- lang-graph.svg
- ollama.svg
- open-ai.svg
- pydantic.svg
- ui-final-message.mp3
- ui-hover.mp3
- index.html
- script.js
- style.css
- app-clips.jpg
- cup-1.png
- cup-2.png
- nike-1.jpg
- nike-2.jpg
- nike-3.jpg
- nike-app.png
- starbucks.png
- basic.html
- custom-transition.html
- dismiss-on-intense.html
- flying.html
- zoom-transition.html
- auto-height.html
- base.html
- calc-fit-height.html
- follower.html
- index.html
- overflow.html
- top-to-bottom.html
- with-swiper.html
- z-stack.html
- events.ts
- index.ts
- keyboard.ts
- resize.ts
- backdrop.ts
- fit-height.ts
- follower.ts
- horizontal.ts
- index.ts
- inverse.ts
- modal.ts
- z-stack.ts
- breakpoints.ts
- cupertino-pane.ts
- device.ts
- events-emitter.ts
- index.ts
- models.ts
- public-api.ts
- settings.ts
- support.ts
- transitions.ts
- .gitignore
- ai-chatbot.gif
- CHANGELOG.md
- CLAUDE.md
- CODE_OF_CONDUCT.md
- CONTRIBUTING.md
- gulpfile.js
- LICENSE
- package.json
- README.md
- tsconfig.json
- tslint.json
- velocity-drag-scroll-events.txt
# μ€μΉ κ°μ΄λ
1. μ½λ λ΄λ €λ°κΈ°
git clone https://github.com/tech-systems/panes
κΉνλΈμμ νλ‘μ νΈ μ½λ μ 체λ₯Ό λ΄ μ»΄ν¨ν°λ‘ λ΄λ €λ°μ΅λλ€.
cd panes
λ°©κΈ λ΄λ €λ°μ νλ‘μ νΈ ν΄λ μμΌλ‘ μ΄λν©λλ€.
2. Node.js
μ¬μ μΆμ²μ¬μ μ€λΉλ¬Ό
npm install
package.jsonμ λͺ μλ λΌμ΄λΈλ¬λ¦¬λ€μ λ΄λ €λ°μ μ€μΉν©λλ€.
npm start
κ°λ°/μ€ν μλ²λ₯Ό μΌλλ€.
λͺ
λ Ήμ΄ μ€ν ν ν°λ―Έλμ λνλλ μ£Όμ(λ³΄ν΅ http://localhost:3000 νν)λ₯Ό λΈλΌμ°μ μμ μ΄μ΄λ³΄μΈμ.
// repository documentation
Was this content helpful?
(0 ratings)