Skip to content

Building CSS Border-Image Generator utility and adding it to the Dev Utilities.#378

Closed
AhmadAlrashdan19 wants to merge 4 commits into
shamilahmdt:mainfrom
AhmadAlrashdan19:feat/CSS_boreder-image_Generator
Closed

Building CSS Border-Image Generator utility and adding it to the Dev Utilities.#378
AhmadAlrashdan19 wants to merge 4 commits into
shamilahmdt:mainfrom
AhmadAlrashdan19:feat/CSS_boreder-image_Generator

Conversation

@AhmadAlrashdan19

Copy link
Copy Markdown

feat(dev-utilities): add CSS Border-Image Generator tool

📝 Description

Add an interactive offline utility that helps developers visually slice an image into border-image regions and generate the corresponding CSS.

🔗 Related Issue

Closes #376

  • Register new route at /devutilities/border-image in App.jsx
  • Add navigation entry in sidebarSections.js
  • Add utility card to DevUtilities page
  • Implement two-panel layout:
    • Controls: asset upload/drag-drop, 4 slice sliders
      (top/right/bottom/left), border-image-repeat selector
    • Preview: live resizable box with applied border-image styling,
      plus a copyable CSS output block

@vercel

vercel Bot commented Jul 4, 2026

Copy link
Copy Markdown

@AhmadAlrashdan19 is attempting to deploy a commit to the shamilahmdt's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions

github-actions Bot commented Jul 4, 2026

Copy link
Copy Markdown

👋 Hello, @AhmadAlrashdan19!

Thank you for your contribution to DevTasks.

The maintainer has been notified and will review your pull request shortly. If any changes are needed, we will let you know in the comments below.

@shamilahmdt

Copy link
Copy Markdown
Owner

@AhmadAlrashdan19 , Sorry to inform you that this issue been already cleared , may look through other upcoming issues

@shamilahmdt shamilahmdt closed this Jul 6, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

🟢 Good First Issue: Add CSS Border-Image Generator to Dev Utilities

2 participants